.blog-tab-nav{border:1px solid var(--nav-border);position:sticky;top:64px;background:var(--nav-bg);z-index:2}.blog-tab-nav-list{display:flex;margin:0;list-style:none}.blog-tab-nav-list li{margin:0;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1.1px;padding:16px 20px;color:var(--tab-text);transition:all .4s ease;border-bottom:2px solid transparent;cursor:pointer}.blog-tab-nav-list li:hover{color:var(--tab-active)}.blog-tab-nav-list li.active{color:var(--tab-active);border-color:currentColor}.blog-tab .page-width{max-width:1200px;padding-left:24px;padding-right:24px}.blog-tab-contents .page-width{padding-top:64px;padding-bottom:64px}.blog-tab__contents{display:flex;flex-direction:column;gap:24px}.blog-tab__content-banner{border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1}.blog-tab__content-banner .badge{position:absolute;top:20px;left:20px;z-index:1;color:var(--text-color);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;line-height:1.2;border-radius:50px;overflow:hidden;font-family:var(--font-family-base)!important}.blog-tab__content-banner .badge:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:currentColor;z-index:-1;opacity:.1}.blog-tab__content-banner-img{padding:32px}.blog-tab__content-banner-img img{width:100%;height:100%;object-fit:contain}.blog-tab__content-banner-info{padding:56px;display:flex;flex-direction:column;gap:20px;justify-content:center}.blog-tab__content-banner-info>*{margin:0;color:var(--text-color)}.blog-tab__content-banner-info .sub-title{opacity:.4;font-size:10px;font-family:var(--font-family-base)!important;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.blog-tab__content-banner-info .title{font-size:48px;font-family:var(--font-family-heading);line-height:1;margin:0}.blog-tab__content-banner-info .name{font-size:14px;line-height:1;font-style:italic;opacity:.5;margin:4px 0 0;font-family:var(--font-family-base)!important;font-weight:300}.blog-tab__content-banner-info .heading{font-size:16px;font-weight:300;opacity:.4;font-family:var(--font-family-base)!important;letter-spacing:0}.blog-tab__content-banner-info .description{font-size:14px;font-family:var(--font-family-base)!important;line-height:1.625;opacity:.7;font-weight:300;letter-spacing:0}.blog-tab__content-banner-info ul{display:flex;flex-wrap:wrap;margin:8px 0 0;list-style:none;gap:8px}.blog-tab__content-banner-info ul li{border:1px solid #fff9;font-size:10px;text-transform:uppercase;margin:0;letter-spacing:1px;opacity:.6;padding:6px 12px;line-height:1;font-weight:700;border-radius:50px;font-family:var(--font-family-base)!important}.blog-tab__contents-item-info ul.tag li{font-size:9px;text-transform:uppercase;font-weight:700;color:#0a3d2b;background:#d5eec9;line-height:1;margin:0;padding:4px 10px;border-radius:50px;font-family:var(--font-family-base);letter-spacing:.9px}.blog-tab__contents-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.blog-tab__contents-item{position:relative;border:1px solid rgb(201,219,189);border-radius:16px;overflow:hidden;cursor:pointer;background:#fff;transition:all .4s ease}.blog-tab__contents-item:hover{box-shadow:#0000001a 0 4px 6px -1px,#0000001a 0 2px 4px -2px}.blog-tab__contents-item .badge{background:#fffc;position:absolute;top:12px;left:12px;font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#0a291f;border-radius:50px;padding:5px 8px;line-height:1;z-index:2}.blog-tab__contents-item-img{position:relative;padding-top:47.4%;overflow:hidden;z-index:1}.blog-tab__contents-item-img img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:all .4s ease}.blog-tab__contents-item:hover .blog-tab__contents-item-img img{transform:scale(1.05)}.blog-tab__contents-item-info{padding:20px;display:flex;flex-direction:column;gap:10px}.blog-tab__contents-item-info>*{margin:0}.blog-tab__contents-item-info .sub-title{font-size:9px;letter-spacing:.9px;text-transform:uppercase;font-weight:700;color:#4c7668;font-family:var(--font-family-base)!important;margin:0}.blog-tab__contents-item-info .sub-title .badge-text{display:none}.blog-tab__contents-item-info .title{font-size:20px;margin:4px 0 0;line-height:1.3;font-family:var(--font-family-heading);color:#0a291f}.blog-tab__contents-item-info .name{font-size:12px;color:#4c7668;line-height:1.35;font-family:var(--font-family-base)!important;font-style:italic;font-weight:400;letter-spacing:0}.blog-tab__contents-item-info .heading{font-size:12px;line-height:1.5;font-family:var(--font-family-base)!important;color:#4c7668;font-weight:400;letter-spacing:0}.blog-tab__contents-item-info .description>p{font-size:12px;color:#4c7668;font-family:var(--font-family-base)!important;letter-spacing:0;font-weight:400;margin:0}.blog-tab__contents-item-info ul.tag{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}.blog-tab__contents-item-info>a{display:flex;align-items:center;gap:8px;width:max-content;font-size:9px;text-transform:uppercase;margin-top:4px;letter-spacing:.9px;color:#0a3d2b;transition:all .4s ease}.blog-tab__contents-item-info>a .text{display:none;opacity:.4}.blog-tab__contents-item-info>a .text.active{display:block}.blog-tab__contents-item:hover .blog-tab__contents-item-info>a .text{opacity:1}.blog-tab__contents-item-info>a .tag{color:#0e583d99;background:#0e583d1a;font-family:var(--font-family-base);font-size:9px;letter-spacing:0;text-transform:capitalize;font-weight:700;padding:2px 6px;border-radius:50px}.blog-tab__contents-item.active{grid-column:span 2 / span 2;display:grid;grid-template-columns:1fr 1fr}.blog-tab__contents-item.active .badge{display:none}.blog-tab__contents-item.active .blog-tab__contents-item-info{gap:20px;justify-content:center}.blog-tab__contents-item.active .blog-tab__contents-item-info .sub-title .badge-text{display:inline}.blog-tab__contents-item-img:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to top,#0003,#0000);top:0;left:0;z-index:1}.blog-tab__contents-item.active .blog-tab__contents-item-info .name{font-size:10px}.blog-tab__contents-item.active .blog-tab__contents-item-info .heading{display:none}.blog-tab__contents-item-info .collaps-info{display:none;flex-direction:column;gap:12px}.blog-tab__contents-item.active .blog-tab__contents-item-info .collaps-info{display:flex}.blog-tab__contents-item.active .blog-tab__contents-item-info ul.tag li{color:#0e583d;background:#0e583d1a;font-size:10px}.blog-tab__contents-item.active .blog-tab__contents-item-info>a{font-size:10px}.blog-tab__contents-item-info .collaps-info>div:not(.active){display:none}.blog-tab__contents-item.active .blog-tab__contents-item-info>.tag{display:none}.blog-tab__content-banner-info .publish-research{padding-top:12px;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px}.blog-tab__content-banner-info .publish-research p{font-size:10px;color:#ffffff4d;text-transform:uppercase;font-weight:900;font-family:var(--font-family-base);letter-spacing:1px;margin:0}.blog-tab__content-banner-info .publish-research a{display:grid;align-items:center;grid-template-columns:auto 1fr 12px;gap:8px;color:#ffffff80;font-family:var(--font-family-base);font-size:12px;line-height:1.375;transition:all .4s ease}.blog-tab__content-banner-info .publish-research a:hover{color:#fffc}.blog-tab__content-banner-info .publish-research a .count{font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;opacity:.6}.blog-tab__content-banner-info .publish-research a .text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.blog-tab__content-banner-info .publish-research a svg{width:100%;height:auto;display:block}.blog-tab__contents-item-info .collaps-info .found-in{display:grid;grid-template-columns:auto 1fr;gap:6px;border-top:1px solid #c9dbbd;padding-top:8px}.blog-tab__contents-item-info .collaps-info .description.active{display:flex;flex-direction:column;gap:12px}.blog-tab__contents-item-info .collaps-info .found-in p{font-size:9px;text-transform:uppercase;font-weight:700;color:#4c7668;letter-spacing:.9px;margin:0;align-self:center}.blog-tab__contents-item-info .collaps-info .found-in ul{display:flex;list-style:none;margin:0;gap:6px}.blog-tab__contents-item-info .collaps-info .found-in li{font-size:9px;text-transform:uppercase;color:#0a3d2b;letter-spacing:.9px;font-weight:600;background:#d5eec9;border-radius:50px;padding:2px 8px;margin:0}.blog-tab__contents-item-info .collaps-info .research ul{margin:0;list-style:none;display:flex;flex-direction:column;gap:8px}.blog-tab__contents-item-info .collaps-info .research li{margin:0}.blog-tab__contents-item-info .collaps-info .research a{display:grid;grid-template-columns:auto 1fr 12px;gap:10px;padding:10px;transition:all .4s ease;border:1px solid #c9dbbd;border-radius:12px}.blog-tab__contents-item-info .collaps-info .research a .count{color:#0e583d4d;font-size:16px;letter-spacing:0;font-family:var(--font-family-heading)}.blog-tab__contents-item-info .collaps-info .research a .text{display:flex;flex-direction:column;gap:2px;font-family:var(--font-family-base);font-size:9px;color:#4c7668;letter-spacing:0}.blog-tab__contents-item-info .collaps-info .research a .text strong{font-size:11px;color:#0a291f;font-weight:600;letter-spacing:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-tab__contents-item-info .collaps-info .research a svg{width:100%;height:100%;color:#4c766880}.blog-tab__contents-item-info .collaps-info .research a:hover svg{color:#0e583d}.blog-tab__contents-item-info .collaps-info .research a:hover{border-color:#0e583d66;background:#0e583d0d}.blog-tab__contents-item-info .collaps-info .nav{display:flex;list-style:none;border-bottom:1px solid #c9dbbd;margin:0;gap:20px}.blog-tab__contents-item-info .collaps-info .nav li{margin:0;padding:0 0 8px;color:#4c7668;letter-spacing:1.1px;transition:all .4s ease;font-weight:700;font-family:var(--font-family-base);font-size:11px;text-transform:uppercase;line-height:1.5;border-bottom:2px solid transparent}.blog-tab__contents-item-info .collaps-info .nav li:hover,.blog-tab__contents-item-info .collaps-info .nav li.active{color:#0e583d;border-color:currentColor}.blog-tab__contents-item-info .collaps-info>div{padding-right:4px;overflow-y:auto;max-height:160px}.blog-tab__contents-item-info .collaps-info>div::-webkit-scrollbar-track{background:transparent}.blog-tab__contents-item-info .collaps-info>div::-webkit-scrollbar-thumb{background:#c9dbbd;border-radius:4px}.blog-tab__contents-item-info .collaps-info>div::-webkit-scrollbar{width:4px}@media(max-width:991px){.blog-tab__content-banner-img{padding:20px}.blog-tab__content-banner-info{padding:35px 25px}.blog-tab-contents .page-width{padding-top:50px;padding-bottom:50px}.blog-tab__contents-grid{grid-template-columns:1fr 1fr}}@media(max-width:749px){.blog-tab-nav .page-width{padding:0!important}.blog-tab-nav-list{padding:0 24px;white-space:nowrap;overflow:auto}.blog-tab__content-banner{grid-template-columns:1fr}.blog-tab__content-banner-img,.blog-tab__content-banner-info{padding:32px}.blog-tab__content-banner-info .title{font-size:36px;line-height:1.26}.blog-tab__contents-grid{grid-template-columns:1fr}.blog-tab__contents-item.active{grid-template-columns:1fr;grid-column:span 1}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/blog-tab.css.map */