.eg-blog-category{position:relative;border:1px solid var(--eg-gunmetal);margin-bottom:20px;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.eg-blog-category.eg-blog-category--expanded{border:1px solid var(--eg-grey)}.eg-blog-category:before{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;width:3px;background:var(--eg-grey);pointer-events:none}.eg-blog-category__corner{position:absolute;bottom:-1px;right:-1px;width:21px;height:21px;display:block;pointer-events:none}.eg-blog-category-label{font-family:var(--f-inter);font-weight:var(--w-semibold);font-size:var(--size-2xl);line-height:var(--lh-none);letter-spacing:2.16px;text-transform:uppercase;color:var(--eg-white);white-space:nowrap}.eg-blog-article-list-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.eg-blog-article-list{display:flex;flex-direction:column;gap:5px;min-height:0;overflow:hidden;max-height:242px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--eg-gunmetal) transparent;opacity:1;transform:translateY(0);transition:opacity .3s ease .05s,transform .35s ease}.eg-blog-article-list::-webkit-scrollbar{width:4px}.eg-blog-article-list::-webkit-scrollbar-track{background:transparent}.eg-blog-article-list::-webkit-scrollbar-thumb{background:var(--eg-gunmetal);border-radius:2px}.eg-blog-article-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;text-decoration:none;gap:16px}.eg-blog-article-row__left{display:flex;align-items:center;gap:15px;flex:1 1 auto;min-width:0}.eg-blog-article-row__bullet{flex-shrink:0;width:5px;height:5px;background:var(--eg-white);border-radius:1px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 9.2px 0 var(--eg-white)}.eg-blog-article-row__title{font-family:var(--f-inter);font-weight:var(--w-regular);font-size:var(--size-xl);line-height:var(--lh-md);color:var(--eg-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eg-blog-article-row:hover{background:color-mix(in srgb,var(--eg-text-muted) 5%,transparent)}.eg-blog-article-row:hover .eg-blog-article-code,.eg-blog-article-row:hover .eg-blog-article-row__title{color:var(--eg-light)}.eg-blog-article-code{flex-shrink:0;font-family:var(--f-inter);font-weight:var(--w-regular);font-size:var(--size-xl);line-height:var(--lh-md);color:var(--eg-grey);text-align:right;white-space:nowrap}.eg-blog-category--collapsed .eg-blog-toggle-collapse:hover,.eg-blog-category--collapsed .eg-blog-toggle-expand:hover,.eg-blog-toggle-collapse,.eg-blog-toggle-expand{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:31px;padding:0 10px;border:1px solid var(--eg-light);border-radius:3px;background:linear-gradient(to right,color-mix(in srgb,var(--eg-text) 8%,transparent),color-mix(in srgb,var(--eg-text) 2%,transparent));font-family:var(--f-inter);font-weight:var(--w-semibold);font-size:var(--size-sm);line-height:var(--lh-none);color:var(--eg-white);text-transform:uppercase;letter-spacing:var(--ls-xs);cursor:pointer;transition:border-color .15s}.eg-blog-toggle-collapse:hover,.eg-blog-toggle-expand:hover{border-color:var(--eg-light);background:linear-gradient(to right,color-mix(in srgb,var(--eg-text) 12%,transparent),color-mix(in srgb,var(--eg-text) 4%,transparent))}.eg-blog-category--collapsed .eg-blog-toggle-collapse{border:1px solid color-mix(in srgb,var(--eg-text) 5%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--eg-text) 8%,transparent),color-mix(in srgb,var(--eg-text) 1.6%,transparent));color:var(--eg-grey)}.eg-blog-toggle-collapse__arrow,.eg-blog-toggle-expand__arrow{width:6px;height:6px;border-right:1px solid var(--eg-grey);border-bottom:1px solid var(--eg-grey);transform:rotate(-135deg) translateY(-2px);display:inline-block}.eg-blog-category--collapsed .eg-blog-toggle-collapse:hover .eg-blog-toggle-collapse__arrow,.eg-blog-category--expanded .eg-blog-toggle-collapse__arrow,.eg-blog-category--expanded .eg-blog-toggle-expand__arrow{border-right:1px solid var(--eg-light);border-bottom:1px solid var(--eg-light)}.eg-blog-category--collapsed .eg-blog-article-list-wrap{grid-template-rows:0fr}.eg-blog-category--collapsed .eg-blog-article-list{opacity:0;transform:translateY(-4px)}.eg-blog-category--collapsed .eg-blog-toggle-collapse__arrow{transform:rotate(45deg) translate(-4px)}@media(max-width:767px){.eg-blog-category{padding:16px 14px}.eg-blog-category-label{font-size:var(--size-xl);white-space:normal}.eg-blog-article-list{max-height:none;overflow-y:visible}.eg-blog-article-row{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.eg-blog-article-row:nth-child(2n){padding:10px 4px}.eg-blog-article-row__left{gap:10px}.eg-blog-article-row__title{font-size:var(--size-lg);white-space:normal;overflow:visible;text-overflow:clip}.eg-blog-article-code{font-size:var(--size-md);color:var(--eg-text-faint);padding-left:15px}.eg-blog-toggle-collapse,.eg-blog-category--collapsed .eg-blog-toggle-collapse{margin:0 auto}}[data-theme=light] .eg-blog-category__corner{filter:invert(1)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/eg-style-blog-category.css.map */