.hp-blog-layout{display:grid;align-items:start;gap:32px}.hp-blog-layout__content,.hp-blog-layout__article,.hp-blog-sidebar{min-width:0}.hp-blog-sidebar__panel{display:flex;flex-direction:column;gap:24px}.hp-blog-sidebar__title{margin:0;font-family:var(--font-heading-family, inherit);font-size:13px;font-weight:600;letter-spacing:.12em;line-height:1.35;text-transform:uppercase;color:color-mix(in srgb,var(--color-foreground) 72%,transparent)}.hp-blog-recent-posts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.hp-blog-recent-posts__item{margin:0}.hp-blog-recent-posts__link{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start;text-decoration:none;color:inherit;transition:opacity .2s ease}.hp-blog-recent-posts__link:hover{opacity:.72}.hp-blog-recent-posts__media{display:block;width:96px;height:96px;flex-shrink:0;overflow:hidden;background:color-mix(in srgb,var(--color-foreground) 6%,transparent)}.hp-blog-recent-posts__image{display:block;width:100%;height:100%;object-fit:cover}.hp-blog-recent-posts__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,color-mix(in srgb,var(--color-foreground) 8%,transparent),color-mix(in srgb,var(--color-foreground) 3%,transparent))}.hp-blog-recent-posts__body{display:flex;flex-direction:column;gap:6px;min-width:0;padding-top:2px}.hp-blog-recent-posts__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;font-weight:500;line-height:1.45;color:color-mix(in srgb,var(--color-foreground) 88%,transparent)}.hp-blog-recent-posts__date,.hp-blog-recent-posts__body time{font-size:13px;line-height:1.35;color:color-mix(in srgb,var(--color-foreground) 52%,transparent)}@media screen and (min-width:1000px){.hp-blog-layout{--hp-blog-sidebar-width: 320px;--hp-blog-sidebar-top: calc(var(--header-sticky-height, var(--header-height, 0px)) + 20px);gap:48px}.hp-blog-layout--sidebar-right{grid-template-columns:minmax(0,1fr) var(--hp-blog-sidebar-width)}.hp-blog-layout--sidebar-left{grid-template-columns:var(--hp-blog-sidebar-width) minmax(0,1fr)}.hp-blog-layout--sidebar-left .hp-blog-sidebar{order:-1}.hp-blog-sidebar{position:sticky;top:var(--hp-blog-sidebar-top);width:var(--hp-blog-sidebar-width)}.hp-blog-layout--has-sidebar:not(.hp-blog-layout--article) .hp-blog-layout__content .xo-grid-block{--xo-col-desktop: 1;--xo-col-tablet: 1}}@media screen and (max-width:999px){.hp-blog-sidebar{padding-top:24px;border-top:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}.hp-blog-recent-posts__link{grid-template-columns:88px minmax(0,1fr)}.hp-blog-recent-posts__media{width:88px;height:88px}}@media screen and (min-width:1000px){.hp-blog-layout--article .hp-blog-layout__article>[class*="maw:var(--w)"]{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hp-blog-sidebar.css.map */