.blogs-list{padding-block:16rem;margin-top:1rem;margin-inline:1rem;position:relative;padding-block:var(--padding-block-start) var(--padding-block-end)}@media (max-width: 767px){.blogs-list{padding-block:var(--padding-block-start-mobile) var(--padding-block-end-mobile)}}.blogs-list-wrap{display:block}.blogs-list>.container{flex-grow:1;grid-template-rows:auto 1fr}@media (max-width: 1025px){.blogs-list>.container{grid-template-rows:auto}}@media (max-width: 767px){.blogs-list>.container{padding-inline:2.4rem}}.blogs-list-top{grid-column:5/13;grid-row:1/2;display:flex;flex-direction:column;align-items:center;gap:4.4rem;margin-bottom:6rem}@media (max-width: 1025px){.blogs-list-top{grid-column:1/-1;margin-bottom:5.6rem}}@media (max-width: 767px){.blogs-list-top{margin-bottom:3.2rem;gap:2rem}}.blogs-list-top-title{max-width:60rem;color:var(--cl-black);text-align:center}.blogs-list-top-category{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.blogs-list-top-category a{display:flex;align-items:center;padding:1.2rem;border-radius:6px;border:1px solid rgba(29,29,29,.1019607843);background-color:#fff;color:#1d1d1dcc;text-decoration:none;transition:all .2s ease}.blogs-list-top-category a:hover{background-color:#f5f5f5}.blogs-list-top-category a.active{background-color:#111;color:#fff;border-color:#111}.blogs-list-top .blogs-list-top-category-wrapper{position:relative}.blogs-list-top .category-toggle{display:none}@media (max-width: 768px){.blogs-list-top .blogs-list-top-category-wrapper{position:relative;width:100%}.blogs-list-top .blogs-list-top-category{display:none;flex-direction:column;margin-top:.5rem}.blogs-list-top .blogs-list-top-category.active{display:flex}.blogs-list-top .blogs-list-top-category a{width:100%}.blogs-list-top .category-toggle{display:flex;grid-column:1/6;position:sticky;height:100%;width:100%;top:7rem}}@media (max-width: 768px) and (max-width: 1025px){.blogs-list-top .category-toggle{grid-column:1/-1;z-index:10}.blogs-list-top .category-toggle.active .category-toggle-main-ar{transform:rotate(180deg)}.blogs-list-top .category-toggle.active .category-toggle-list{transform:translateY(0);opacity:1;pointer-events:all}}@media (max-width: 768px){.blogs-list-top .category-toggle-list{background-color:var(--bg-light-grey);border-radius:1rem;max-height:calc(100vh - 12rem);overflow-y:auto}}@media (max-width: 768px) and (max-width: 1025px){.blogs-list-top .category-toggle-list{opacity:0;pointer-events:none;transform:translateY(1rem);transition:all ease var(--t-md);width:100%;position:absolute;top:calc(100% + 1rem);padding:0rem;max-height:calc(100vh - 15rem)}}@media (max-width: 768px) and (min-width: 1025px){.blogs-list-top .category-toggle-list-inner{padding:2rem 4rem}}@media (max-width: 768px) and (max-width: 1025px){.blogs-list-top .category-toggle-list-inner{border:1px solid var(--cl-black-10)}}@media (max-width: 768px){.blogs-list-top .category-toggle-list-wrap{height:100%}}@media (max-width: 768px) and (max-width: 1025px){.blogs-list-top .category-toggle-list-wrap{overflow:hidden;position:absolute;height:auto;width:100%;top:calc(100% + 1rem);opacity:0;transform:translateY(1rem);background-color:var(--cl-white);pointer-events:none;transition:all ease var(--t)}}@media (max-width: 768px){.blogs-list-top .category-toggle-item{position:relative}.blogs-list-top .category-toggle-item:first-child .div-line{display:none}.blogs-list-top .category-toggle-item-title{color:var(--cl-black);transition:color var(--t-md)}.blogs-list-top .category-toggle-item.active .category-toggle-item-title,.blogs-list-top .category-toggle-item:hover .category-toggle-item-title{color:var(--cl-primary)}}@media (max-width: 768px) and (max-width: 1025px){.blogs-list-top .category-toggle-item:first-child .div-line{display:none}}@media (max-width: 768px) and (max-width: 1025px){.blogs-list-top .category-toggle-item.active{background-color:var(--bg-light-grey)}}@media (max-width: 768px){.blogs-list-top .category-toggle-item-inner{padding-block:2rem;display:flex;align-items:center;justify-content:space-between}}@media (max-width: 768px) and (max-width: 1025px){.blogs-list-top .category-toggle-item-inner{padding:2rem 1.6rem}}@media (max-width: 768px){.blogs-list-top .category-toggle-item-inner:hover .category-toggle-item-title{color:var(--cl-primary)}.blogs-list-top .category-toggle-item-label{color:var(--cl-black-80)}.blogs-list-top .category-toggle-item-title a{color:var(--cl-black);transition:all var(--t-md)}.blogs-list-top .category-toggle-item .div-line{background-color:var(--cl-black-10);top:0;position:absolute}.blogs-list-top .category-toggle-main{display:none}}@media (max-width: 768px) and (max-width: 1025px){.blogs-list-top .category-toggle-main{display:flex;justify-content:space-between;column-gap:2rem;padding:2rem 1.6rem;background-color:var(--bg-light-grey);border-radius:1rem;width:100%}.blogs-list-top .category-toggle-main .div-line{display:none}}@media (max-width: 768px){.blogs-list-top .category-toggle-main-inner{flex:auto;display:flex;column-gap:4.6rem;align-items:center}.blogs-list-top .category-toggle-main-ar{flex:none;width:1.6rem;transition:all .4s ease;display:flex;align-items:center;justify-content:center}}.blogs-list-top-search{position:relative;display:flex;align-items:center;max-width:61.6rem;width:100%}.blogs-list-top-search-input{width:100%;height:100%;padding-block:2.2rem;padding-inline:1.2rem;border-radius:.5rem;background-color:var(--bg-light-grey);color:var(--cl-black);font-size:1.6rem;font-weight:400}@media (max-width: 767px){.blogs-list-top-search-input{padding-block:1.6rem}}.blogs-list-top-search-icon{position:absolute;right:1.2rem;width:16px;height:16px;color:var(--cl-black)}.blogs-list-top .search-clear-btn{position:absolute;right:5rem;font-size:3.2rem;font-weight:500;color:var(--cl-black);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:none;opacity:.7}.blogs-list-top .search-clear-btn:hover{opacity:1}.blogs-list .search-highlight{background-color:#ffe58a;padding:0 .2rem;border-radius:2px}.blogs-list-main{grid-column:1/-1;grid-row:2/3}.blogs-list-main-inner{display:grid;grid-template-columns:repeat(16,1fr);column-gap:var(--grid-gap)}@media (max-width: 1025px){.blogs-list-main-inner{grid-template-columns:repeat(12,1fr)}}@media (max-width: 767px){.blogs-list-main-inner{grid-template-columns:repeat(4,1fr);margin-inline:-2.4rem}}.blogs-list-main-list{grid-column:2/16}@media (max-width: 1025px){.blogs-list-main-list{grid-column:1/-1}}.blogs-list-main-list-item-wrap{display:grid;grid-template-columns:repeat(3,1fr);column-gap:2.4rem;row-gap:3.2rem;margin-bottom:6rem}@media (max-width: 1025px){.blogs-list-main-list-item-wrap{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.blogs-list-main-list-item-wrap{grid-template-columns:repeat(1,1fr);padding:2.4rem;gap:4rem}}.blogs-list-main-list-item{grid-column:span 1;display:none;flex-direction:column;gap:2.4rem;width:100%}@media (max-width: 767px){.blogs-list-main-list-item{gap:2rem}}.blogs-list-main-list-item-thumb{aspect-ratio:422/289;border-radius:.5rem;overflow:hidden}.blogs-list-main-list-item-content{display:flex;flex-direction:column;gap:1.6rem}@media (max-width: 767px){.blogs-list-main-list-item-content{gap:1.2rem}}.blogs-list-main-list-item-content-inner{display:flex;flex-direction:column;gap:.8rem}@media (max-width: 767px){.blogs-list-main-list-item-content-inner{padding-bottom:.4rem}}.blogs-list-main-list-item-tag{display:none;flex-direction:row;gap:1.6rem}.blogs-list-main-list-item-tag-item{color:var(--cl-primary);padding:.8rem 1rem;border-radius:.4rem;background-color:var(--bg-light-orange)}.blogs-list-main-list-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;color:var(--cl-black);height:5rem}@media (max-width: 1025px){.blogs-list-main-list-item-title{height:auto}}@media (max-width: 767px){.blogs-list-main-list-item-title{font-size:1.8rem}}.blogs-list-main-list-item-sub{color:var(--cl-black-80);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden}.blogs-list-main-list-item-inf{display:flex;align-items:center;flex-direction:row;gap:2rem}.blogs-list-main-list-item-inf-author{display:flex;align-items:center;flex-direction:row;gap:.8rem;color:var(--cl-black-80)}@media (max-width: 767px){.blogs-list-main-list-item-inf-author .txt-16{font-size:1.2rem}}.blogs-list-main-list-item-inf-author-ic{width:15px;height:15px;color:#9b9b9b}.blogs-list-main-list-item-inf-date{display:flex;align-items:center;flex-direction:row;gap:.8rem;color:var(--cl-black-80)}@media (max-width: 767px){.blogs-list-main-list-item-inf-date .txt-16{font-size:1.2rem}}.blogs-list-main-list-item-inf-date-ic{width:15px;height:15px;color:#9b9b9b}.blogs-list-main-list-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem}.blogs-list-main-list-pagination-item{display:flex;border-radius:.4rem;width:4rem;height:4rem;align-items:center;justify-content:center;color:var(--cl-black-80);border:none;background:transparent;cursor:pointer;transition:all var(--t-md)}.blogs-list-main-list-pagination-item:hover:not(.blogs-list-main-list-pagination-item--active){background-color:var(--bg-light-grey);color:var(--cl-black)}.blogs-list-main-list-pagination-item--active{background-color:var(--bg-dark-gray);color:var(--cl-white);cursor:default}.blogs-list-main-list-item-wrap{transition:opacity var(--t-md)}
/*# sourceMappingURL=/cdn/shop/t/578/assets/sc-blogs-list-default.css.map */