.blog-layout,.article-template__body{display:grid;gap:2.4rem}.blog-sidebar{min-width:0}.blog-sidebar__inner{display:grid;gap:1.6rem}.blog-sidebar__card{background:rgba(var(--color-foreground),.025);border:.1rem solid rgba(var(--color-foreground),.08);border-radius:.8rem;padding:1.6rem}.blog-sidebar__title{font-size:1.6rem;font-weight:700;line-height:calc(1 + .35 / var(--font-body-scale));margin:0 0 1.2rem}.blog-sidebar__quote p{color:rgba(var(--color-foreground),.72);font-size:1.4rem;line-height:calc(1 + .45 / var(--font-body-scale));margin:0 0 1.4rem}.blog-sidebar__button{align-items:center;background:#228b4e;border-radius:.8rem;color:#fff;display:inline-flex;font-size:1.4rem;font-weight:700;gap:.8rem;justify-content:center;min-height:4.2rem;padding:1.1rem 1.3rem;text-decoration:none;transition:opacity var(--duration-short) ease,transform var(--duration-short) ease;width:100%}.blog-sidebar__button:hover{color:#fff;opacity:.9;transform:translateY(-.1rem)}.blog-sidebar__button .svg-wrapper{height:1.3rem;width:1.3rem}.blog-sidebar__button .icon{height:100%;width:100%}.blog-sidebar__tags{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}.blog-sidebar__tags a{border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.6rem;color:rgba(var(--color-foreground),.76);display:inline-flex;font-size:1.3rem;line-height:1;padding:.8rem 1rem;text-decoration:none}.blog-sidebar__tags a:hover{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.blog-sidebar__articles{display:grid;gap:1.2rem;margin:0}.blog-sidebar__articles li{border-bottom:.1rem solid rgba(var(--color-foreground),.08);padding-bottom:1.2rem}.blog-sidebar__articles li:last-child{border-bottom:0;padding-bottom:0}.blog-sidebar__articles a{color:rgb(var(--color-foreground));display:block;font-size:1.4rem;font-weight:600;line-height:calc(1 + .35 / var(--font-body-scale));text-decoration:none}.blog-sidebar__articles a:hover{text-decoration:underline;text-underline-offset:.3rem}.blog-sidebar__articles span{color:rgba(var(--color-foreground),.58);display:block;font-size:1.2rem;margin-top:.5rem}@media screen and (min-width:990px){.blog-layout,.article-template__body{align-items:start;grid-template-columns:minmax(0,1fr) 30rem;gap:4rem}.blog-sidebar__inner{max-height:calc(100vh - 10rem);overflow:auto;position:sticky;top:8rem}}@media screen and (min-width:1200px){.blog-layout,.article-template__body{grid-template-columns:minmax(0,1fr) 32rem}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component-blog-sidebar.css.map */