.insmind-articles-main{flex-grow:1;margin-bottom:80px}.insmind-articles-main__list{display:grid;gap:48px 24px;width:100%}.insmind-articles-main__card{width:100%;cursor:pointer}.insmind-articles-main__cover{display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;background-color:#eee;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:var(--border-radius-xlarge)}.insmind-articles-main__cover-img{width:100%;height:100%;border-radius:var(--border-radius-large);transition:all ease .6s}.insmind-articles-main__cover:hover .insmind-articles-main__cover-img{transform:scale(1.05)}.insmind-articles-main__title,.insmind-articles-main__desc{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.insmind-articles-main__title{max-height:44px;margin-bottom:8px;font:var(--text-h6-bold);color:var(--text-color-primary)}.insmind-articles-main__desc{max-height:40px;font:var(--text-p1-regular);color:var(--text-color-secondary)}.insmind-articles-main__pagination{display:flex;align-items:center;justify-content:center;width:100%;margin:64px 0 0;text-align:center}.insmind-articles-main__pagination-page{margin:0 16px;font:var(--text-p1-regular);color:var(--text-color-primary)}@media only screen and (max-width: 599px){.insmind-articles-main__list{grid-template-columns:repeat(auto-fit,minmax(min(100%/2,max(248px,100%/3)),1fr))}}@media only screen and (min-width: 600px) and (max-width: 959px){.insmind-articles-main__list{grid-template-columns:repeat(2,minmax(248px,1fr))}}@media only screen and (min-width: 960px) and (max-width: 1279px){.insmind-articles-main__list{grid-template-columns:repeat(2,minmax(248px,1fr))}}@media only screen and (min-width: 1280px) and (max-width: 1599px){.insmind-articles-main__list{grid-template-columns:repeat(3,minmax(248px,1fr))}}@media only screen and (min-width: 1600px) and (max-width: 2159px){.insmind-articles-main__list{grid-template-columns:repeat(4,minmax(248px,1fr))}}@media only screen and (min-width: 2000px){.insmind-articles-main__list{grid-template-columns:repeat(5,minmax(248px,1fr))}}@media only screen and (min-width: 2160px){.insmind-articles-main__list{grid-template-columns:repeat(6,minmax(248px,1fr))}}.insmind-categories{position:-webkit-sticky;position:sticky;top:calc(calc(var(--header-height) + var(--top-banner-height)) + 24px);flex-shrink:0;align-self:flex-start;width:260px;max-height:calc(100vh - calc(var(--header-height) + var(--top-banner-height)) - 200px - 24px - 40px);margin-right:64px;overflow-y:auto}.insmind-categories__list{padding:0;list-style:none;background:var(--static-color-white)}.insmind-categories__list-item{display:flex;align-items:center;height:var(--size-1200);padding:4px var(--spacing-400);margin-bottom:4px;overflow:hidden;font:var(--text-h6-regular);color:var(--text-color-secondary);border-radius:var(--border-radius-large);cursor:pointer}.insmind-categories__list-item span{display:-webkit-box;max-height:40px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.insmind-categories__list-item:hover,.insmind-categories__list-item--active{color:var(--text-color-primary);background:var(--background-color-secondary-regular)}.insmind-categories__list-item:hover{font:var(--text-h6-regular)}.insmind-categories__list-item--active{font:var(--text-h6-bold)!important}.insmind-categories__drawer{position:fixed;bottom:0;left:0;z-index:10;width:100%;height:100vh;overflow:hidden;background:var(--background-color-mask-primary-regular);visibility:hidden}.insmind-categories__drawer-container{position:absolute;bottom:0;left:0;width:100%;max-height:calc(100vh - calc(var(--header-height) + var(--top-banner-height)));padding-bottom:20px;overflow:hidden;background:var(--background-color-primary-regular);border-radius:var(--border-radius-xlarge) var(--border-radius-xlarge) 0 0;transition:all ease .3s;transform:translateY(100%)}.insmind-categories__drawer-header{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;height:60px;padding:14px 20px}.insmind-categories__drawer-header h4{font-size:18px;font-weight:700;line-height:1.3;color:var(--text-color-primary)}.insmind-categories__drawer-body{max-height:calc(100vh - calc(var(--header-height) + var(--top-banner-height)) - 60px);overflow-y:auto}.insmind-categories__drawer--open{visibility:visible}.insmind-categories__drawer--open .insmind-categories__drawer-container{transform:translateY(0)}.insmind-categories__drawer .insmind-categories__list{margin:0}.insmind-categories__drawer .insmind-categories__list-item{height:48px;padding:2px 20px;font-size:15px;font-weight:400;line-height:1.5}.insmind-categories__drawer .insmind-categories__list-item span{display:-webkit-box;max-height:44px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.insmind-categories__wrap-container{display:none}@media only screen and (max-width: 599px),only screen and (min-width: 600px) and (max-width: 959px){.insmind-categories{position:static}.insmind-categories__title{display:flex;align-items:center;height:40px;margin-bottom:8px;font:var(--text-h6-bold);color:var(--text-color-primary)}.insmind-categories__title span{margin-right:4px}.insmind-categories__title:hover{cursor:pointer}.insmind-categories__wrap-container{display:block}.insmind-categories__pc-container{display:none}.insmind-categories__list-item{border-radius:0}}@media only screen and (max-width: 599px){.insmind-categories__title{font:var(--text-h7-bold)}}body{touch-action:auto!important}:root{--header-height: 64px;--top-banner-height: 0px;--landing-module-padding: 120px}:root[top-banner]{--top-banner-height: 64px}@media only screen and (max-width: 599px){:root[top-banner]{--top-banner-height: 122px}}@media only screen and (max-width: 599px){:root{--header-height: 56px;--landing-module-padding: 20px}}@media only screen and (min-width: 600px) and (max-width: 959px){:root{--landing-module-padding: 40px}}@media only screen and (min-width: 960px) and (max-width: 1279px){:root{--landing-module-padding: 80px}}@keyframes insmind-custom-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}ul,li{padding:0;margin:0;list-style:none}.insmind-articles-container{display:flex;width:100%}@media only screen and (max-width: 599px),only screen and (min-width: 600px) and (max-width: 959px){.insmind-articles-container{display:block}}