.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:16rem}@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:51.1rem;color:var(--cl-black);text-align: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-sidebar{position:sticky;height:max-content;grid-column:1/6;max-width:42.4rem;top:8rem;max-height:calc(100vh - 16rem);padding:2rem 4rem;background-color:var(--bg-light-grey);border-radius:1rem}@media (min-width: 768px) and (max-width: 1025px){.blogs-list-sidebar{margin-bottom:2.4rem}}@media (max-width: 767px){.blogs-list-sidebar{margin-bottom:0}}@media (max-width: 1025px){.blogs-list-sidebar{background-color:transparent;position:relative;grid-column:1/-1;display:grid;grid-template-rows:min-content 0fr;transition:grid-template-rows .4s;position:sticky;top:7rem;z-index:10;padding:0;overflow:visible!important;max-width:unset}.blogs-list-sidebar.active{grid-template-rows:min-content 1fr}.blogs-list-sidebar.active .blogs-list-sidebar-ar{transform:rotate(180deg)}}.blogs-list-sidebar.active .blogs-list-sidebar-inner{transform:translateY(0);opacity:1;pointer-events:all}.blogs-list-sidebar-ar{display:none}@media (max-width: 1025px){.blogs-list-sidebar-ar{display:block;transition:transform var(--t-md)}}.blogs-list-sidebar-highlight{display:none}@media (max-width: 1025px){.blogs-list-sidebar-highlight{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-light-grey);padding:2rem 2.4rem;border-radius:1rem;margin-inline:2.4rem}}@media (max-width: 1025px){.blogs-list-sidebar-inner{position:absolute;width:100%;top:calc(100% + 1rem);transform:translateY(1.2rem);transition:all ease var(--t-md);opacity:0;background-color:var(--bg-light-grey);border:max(.1rem,1px) solid var(--cl-black-10);border-radius:1rem;pointer-events:none}}.blogs-list-sidebar-list{display:flex;flex-direction:column}@media (max-width: 1025px){.blogs-list-sidebar-list{gap:0}}.blogs-list-sidebar-item{color:var(--cl-black-80);cursor:pointer;width:100%;text-align:left;display:flex;flex-direction:row;position:relative;justify-content:space-between;padding-block:2rem;align-items:center}@media (max-width: 1025px){.blogs-list-sidebar-item{padding:2rem 1.6rem}}.blogs-list-sidebar-item:first-child .div-line{display:none}.blogs-list-sidebar-item.blogs-list-sidebar-item--active .blogs-list-sidebar-item-title{color:var(--cl-primary)}.blogs-list-sidebar-item-title{transition:color var(--t-md)}.blogs-list-sidebar-item .div-line{position:absolute;top:0;left:0;width:100%;background-color:var(--cl-black-10)}.blogs-list-sidebar-item.active .blogs-list-sidebar-item-title{color:var(--cl-primary)}@media (max-width: 1025px){.blogs-list-sidebar-item.active{background-color:var(--bg-light-grey)}}.blogs-list-sidebar-item:hover .blogs-list-sidebar-item-title{color:var(--cl-primary)}.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:7/-1}@media (max-width: 1025px){.blogs-list-main-list{grid-column:1/-1}}.blogs-list-main-list-item-wrap{display:grid;grid-template-columns:repeat(2,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:flex;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:flex;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)}@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/560/assets/sc-blogs-list.css.map */