.blog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:4rem}.blog-layout__main{min-width:0}@media(min-width:1024px){.blog-layout--with-sidebar{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:4rem 5rem}.blog-layout--with-sidebar .article--width{max-width:none;margin-inline:0}}.blog-sidebar-wrap{display:contents}.blog-sidebar{min-width:0}.blog-sidebar__sticky{padding:.2rem}@media(min-width:1024px){.blog-sidebar__sticky{max-height:calc(100vh - var(--header-height, 0px) - 4rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}@media(max-width:1023.98px){.blog-sidebar__sticky.sticky-element{position:static}}.blog-sidebar-toggle,.blog-sidebar-overlay,.blog-sidebar__header{display:none}.blog-sidebar__box{border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--blocks-radius);padding:2.4rem}.blog-sidebar__box+.blog-sidebar__box{margin-top:2.4rem}.blog-sidebar__title{margin:0 0 1.6rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(var(--color-border),var(--color-border-alpha, 1))}@media(max-width:767.98px){.blog-sidebar__box{padding:2rem}}.blog-sidebar__form{display:flex;gap:.8rem}.blog-sidebar__input{flex:1 1 auto;min-width:0}.blog-sidebar__submit{flex:0 0 auto}.blog-sidebar__categories{list-style:none;margin:0;padding:0}.blog-sidebar__category{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;padding:.7rem 1rem;margin-inline:-1rem;border-radius:var(--small-blocks-radius);color:inherit;text-decoration:none;transition:background-color var(--animation-default),color var(--animation-default)}.blog-sidebar__category:hover{background-color:rgba(var(--color-foreground),.05)}.blog-sidebar__category-count{flex:0 0 auto;color:rgb(var(--color-subtext));font-variant-numeric:tabular-nums}.blog-sidebar__category.is-current,.blog-sidebar__category[aria-current=page]{background-color:rgba(var(--color-primary),.1);box-shadow:inset .3rem 0 rgb(var(--color-primary));font-weight:var(--font-body-weight-bolder)}.blog-sidebar__category.is-current .blog-sidebar__category-count,.blog-sidebar__category[aria-current=page] .blog-sidebar__category-count{color:rgb(var(--color-foreground))}.blog-sidebar__latest{list-style:none;margin:0;padding:0}.blog-sidebar__post{display:grid;grid-template-columns:6.4rem minmax(0,1fr);align-items:center;gap:1.2rem}.blog-sidebar__post+.blog-sidebar__post{margin-top:1.6rem}.blog-sidebar__thumb{display:block;width:6.4rem;height:6.4rem;background-color:rgba(var(--color-foreground),.05)}.blog-sidebar__thumb img,.blog-sidebar__thumb .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.blog-sidebar__post-info{min-width:0}.blog-sidebar__post-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.blog-sidebar__post-date{display:block;margin-top:.4rem}@media(max-width:1023.98px){.blog-layout--with-sidebar{gap:2rem}:root:not(.no-js) .blog-layout--with-sidebar>.blog-sidebar-wrap{display:block;order:-1;justify-self:end}:root:not(.no-js) .blog-sidebar-toggle{display:inline-flex}:root:not(.no-js) .blog-sidebar{position:fixed;z-index:32;top:0;inset-inline:auto 0;width:100%;max-width:min(40rem,calc(100% - 4.8rem));height:100%;display:flex;flex-direction:column;overflow:hidden;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:-.8rem 0 2.4rem #0000001f;transform:translate3d(100%,0,0);visibility:hidden;transition:transform .6s cubic-bezier(.7,0,.2,1),visibility 0s linear .6s}:root:not(.no-js) .blog-sidebar.is-open{transform:none;visibility:visible;transition-delay:0s}:root:not(.no-js) .blog-sidebar-overlay{display:block;position:fixed;z-index:31;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;transition:opacity .6s cubic-bezier(.7,0,.2,1),visibility 0s linear .6s}:root:not(.no-js) .blog-sidebar-overlay.is-open{opacity:1;visibility:visible;cursor:zoom-out;transition-delay:0s}:root:not(.no-js) .blog-sidebar__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.6rem;border-block-end:1px solid rgba(var(--color-border),var(--color-border-alpha, 1))}.blog-sidebar__header-title{margin:0}.blog-sidebar__header .blog-sidebar__close{position:relative;top:auto;inset-inline:auto;flex:0 0 auto}:root:not(.no-js) .blog-sidebar__sticky{flex:1 1 auto;min-height:0;padding:1.6rem;overflow-y:auto;overscroll-behavior:contain}}@media(prefers-reduced-motion:reduce){:root:not(.no-js) .blog-sidebar,:root:not(.no-js) .blog-sidebar-overlay{transition-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-blog-sidebar.css.map */