.mp-article-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"content" "sidebar";gap:3rem;align-items:start}@media screen and (min-width:750px){.mp-article-layout--has-sidebar{grid-template-columns:minmax(0,1fr) 27rem;grid-template-areas:"content sidebar";gap:4rem}}@media screen and (min-width:1200px){.mp-article-layout--has-toc{grid-template-columns:21rem minmax(0,1fr);grid-template-areas:"toc content"}.mp-article-layout--has-toc.mp-article-layout--has-sidebar{grid-template-columns:21rem minmax(0,1fr) 27rem;grid-template-areas:"toc content sidebar"}}.mp-article-layout__content{grid-area:content;min-width:0}.mp-article-measure{max-width:74rem}.mp-article-layout__content .article-template__hero-container{margin-left:0;margin-right:0}.mp-article-layout__content .article-template__hero-static{max-width:none;margin-left:0;margin-right:0}.mp-article-layout--hero-first .mp-toc{margin-top:clamp(1.5rem,5vw,3rem)}.mp-toc{display:none;grid-area:toc}@media screen and (min-width:1200px){.mp-toc{display:block;position:sticky;top:calc(var(--mp-slim-h, 5.7rem) + 2rem);z-index:10;max-height:calc(100vh - var(--mp-slim-h, 5.7rem) - 4rem);overflow-y:auto;padding:1.6rem 1.4rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--mp-radius-card);background:var(--mp-ground-1)}}.mp-toc__heading{margin:0 0 1rem;font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mp-slate)}.mp-toc__list{display:flex;flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none}.mp-toc__list a{display:block;padding:.4rem .7rem;border-radius:var(--mp-radius-sm);color:rgba(var(--color-foreground),.72);font-size:1.15rem;line-height:1.3;text-decoration:none;transition:background-color var(--mp-dur) var(--mp-ease),color var(--mp-dur) var(--mp-ease)}.mp-toc__item--h3>a{padding-left:1.7rem;font-size:1.05rem}.mp-toc__list a:hover,.mp-toc__list a:focus-visible{background:rgba(var(--mp-brand-rgb),.08);color:var(--mp-brand)}.mp-toc__list a.is-active{background:var(--mp-brand-tint);color:var(--mp-brand);font-weight:600}.mp-article-sidebar{grid-area:sidebar}@media screen and (min-width:750px){.mp-article-sidebar{position:sticky;top:calc(var(--mp-slim-h, 5.7rem) + 2rem);z-index:10}}.mp-article-sidebar__inner{padding:2rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--mp-radius-card);background:#fff}.mp-article-sidebar__heading{margin:0 0 1.6rem;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:700;letter-spacing:.02em}.mp-article-sidebar__list{display:flex;flex-direction:column;gap:1.4rem}.mp-article-sidebar__card{display:flex;align-items:center;gap:1.2rem;padding:1rem;border:1px solid rgba(var(--color-foreground),.13);border-radius:var(--mp-radius-sm);color:rgb(var(--color-foreground));text-decoration:none;transition:border-color var(--mp-dur) var(--mp-ease),box-shadow var(--mp-dur) var(--mp-ease),transform var(--mp-dur) var(--mp-ease)}.mp-article-sidebar__card:hover,.mp-article-sidebar__card:focus-visible{border-color:rgba(var(--mp-brand-rgb),.45);box-shadow:0 6px 16px rgba(var(--color-foreground),.08);transform:translateY(-.15rem)}.mp-article-sidebar__media{flex-shrink:0;overflow:hidden;border-radius:var(--mp-radius-sm);background:var(--mp-ground-1)}.mp-article-sidebar__media img{display:block;width:auto;height:auto;max-width:9rem;max-height:6rem}.mp-article-sidebar__body{display:flex;flex-direction:column;gap:.3rem;min-width:0}.mp-article-sidebar__title{display:-webkit-box;overflow:hidden;font-size:1.4rem;font-weight:600;line-height:1.3;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.mp-article-sidebar__price{color:var(--mp-brand);font-size:1.3rem;font-weight:600}.mp-article-sidebar__collection{padding:1rem;border:1px solid rgba(var(--color-foreground),.13);border-radius:var(--mp-radius-sm)}.mp-article-sidebar__collection-title{display:block;margin-bottom:.8rem;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:600;text-decoration:none}.mp-article-sidebar__collection-title:hover,.mp-article-sidebar__collection-title:focus-visible{color:var(--mp-brand)}.mp-article-sidebar__collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.9rem}.mp-article-sidebar__collection-item{display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--mp-radius-sm);background:var(--mp-ground-1)}.mp-article-sidebar__collection-item img{display:block;width:100%;height:100%;object-fit:cover}.mp-article-sidebar__collection-link{color:var(--mp-brand);font-size:1.3rem;font-weight:600}.rte .mp-article-cta{margin:3.2rem 0;padding:2.4rem;border:1px solid rgba(var(--mp-brand-rgb),.18);border-radius:var(--mp-radius-card);background:var(--mp-brand-tint)}.rte .mp-article-cta>:first-child{margin-top:0}.rte .mp-article-cta>:last-child{margin-bottom:0}.rte .mp-article-cta .mp-article-cta__title{margin-bottom:.8rem;color:rgb(var(--color-foreground));font-size:1.9rem;font-weight:700;line-height:1.3}.rte .mp-article-cta a.button,.rte .mp-article-cta a.button:hover{margin-top:.4rem;color:rgb(var(--color-button-text));text-decoration:none}.mp-progress-bar{position:fixed;top:0;left:0;z-index:100;width:100%;height:.4rem;background:transparent;pointer-events:none}.mp-progress-bar__fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--mp-brand);transition:transform var(--mp-dur-fast) linear}@media(prefers-reduced-motion:reduce){.mp-progress-bar__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/mp-article-sidebar.css.map */