.article-template--with-sidebars{display:grid;grid-template-columns:1fr;gap:2rem;max-width:140rem;margin:0 auto;padding:0 1.5rem}@media screen and (min-width: 1200px){.article-template--with-sidebars{grid-template-columns:22rem 1fr 26rem;gap:3rem;padding:0 3rem}}@media screen and (min-width: 990px) and (max-width: 1199px){.article-template--with-sidebars{grid-template-columns:1fr 28rem;gap:2.5rem;padding:0 2.5rem}}.article-sidebar{display:none}@media screen and (min-width: 1200px){.article-sidebar--left{display:block}}@media screen and (min-width: 990px){.article-sidebar--right{display:block}}.article-sidebar__inner{position:sticky;top:calc(var(--header-height, 6rem) + 2rem);padding-bottom:2rem}.article-toc{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.article-toc__title{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;color:rgba(var(--color-foreground),.7)}.article-toc__title svg{flex-shrink:0;opacity:.6}.article-toc__list{list-style:none;margin:0;padding:0}.article-toc__item{margin-bottom:.2rem}.article-toc__link{display:block;padding:.6rem 0 .6rem 1.2rem;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.7);text-decoration:none;border-left:2px solid transparent;transition:all .2s ease}.article-toc__link:hover{color:rgb(var(--color-foreground));border-left-color:rgba(var(--color-foreground),.3)}.article-toc__link--active{color:rgb(var(--color-foreground));border-left-color:rgb(var(--color-button));font-weight:500}.article-toc__link--h3{padding-left:2.4rem;font-size:1.2rem}.article-toc__empty{font-size:1.2rem;color:rgba(var(--color-foreground),.5);font-style:italic}.article-sidebar__nav{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.article-sidebar__nav:last-child{border-bottom:none;margin-bottom:0}.article-sidebar__nav-title{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.2rem;color:rgba(var(--color-foreground),.7)}.article-sidebar__nav-title svg{flex-shrink:0;opacity:.6}.article-sidebar__nav-list{list-style:none;margin:0;padding:0}.article-sidebar__nav-item{margin-bottom:.3rem}.article-sidebar__nav-link{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;font-size:1.3rem;color:rgba(var(--color-foreground),.8);text-decoration:none;transition:color .2s ease}.article-sidebar__nav-link:hover{color:rgb(var(--color-foreground))}.article-sidebar__nav-count{font-size:1.1rem;color:rgba(var(--color-foreground),.5)}.article-sidebar__badge{font-size:1rem;padding:.2rem .6rem;border-radius:3px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.article-sidebar__badge--sale{background:rgb(var(--color-sale-badge, 183, 28, 28));color:#fff}.article-sidebar__badge--new{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.article-sidebar__section{margin-bottom:2.5rem}.article-sidebar__section:last-child{margin-bottom:0}.article-sidebar__section-title{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;color:rgba(var(--color-foreground),.7)}.article-sidebar__section-title svg{flex-shrink:0;opacity:.6}.article-sidebar__articles,.article-sidebar__products{list-style:none;margin:0;padding:0}.article-sidebar__article-item,.article-sidebar__product-item{margin-bottom:1rem}.article-sidebar__article-link,.article-sidebar__product-link{display:flex;gap:1rem;padding:1rem;background:rgba(var(--color-foreground),.02);border-radius:.8rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.article-sidebar__article-link:hover,.article-sidebar__product-link:hover{background:rgba(var(--color-foreground),.05);transform:translate(2px)}.article-sidebar__article-image,.article-sidebar__product-image{flex-shrink:0;width:6rem;height:6rem;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.05)}.article-sidebar__article-image img,.article-sidebar__product-image img{width:100%;height:100%;object-fit:cover}.article-sidebar__article-info,.article-sidebar__product-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.article-sidebar__article-title,.article-sidebar__product-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.3rem;line-height:1.4;color:rgb(var(--color-foreground));margin-bottom:.4rem}.article-sidebar__article-date{font-size:1.1rem;color:rgba(var(--color-foreground),.5)}.article-sidebar__product-price{font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground))}.article-sidebar__empty{font-size:1.2rem;color:rgba(var(--color-foreground),.5);font-style:italic;padding:1rem}.article-sidebar__view-all{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem 1.4rem;font-size:1.2rem;font-weight:500;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border-radius:.6rem;text-decoration:none;transition:opacity .2s ease}.article-sidebar__view-all:hover{opacity:.85}.article-sidebar__view-all svg{transition:transform .2s ease}.article-sidebar__view-all:hover svg{transform:translate(3px)}.article-template--with-sidebars .article-main-content{min-width:0}.article-template--with-sidebars .article-main-content .page-width--narrow{max-width:100%;padding:0}@media screen and (min-width: 990px){.article-template--with-sidebars .article-template__content{padding-left:0;padding-right:0}}.article-sidebar--mobile{display:block;padding:2rem 1.5rem;background:rgba(var(--color-foreground),.02);border-radius:1rem;margin-top:2rem}@media screen and (min-width: 990px){.article-sidebar--mobile.article-sidebar--mobile-right{display:none}}@media screen and (min-width: 1200px){.article-sidebar--mobile{display:none}}.article-template__content{line-height:1.8}.article-template__content p{margin-bottom:1.6rem}.article-template__content h2{margin-top:3rem;margin-bottom:1.2rem}.article-template__content h3{margin-top:2.5rem;margin-bottom:1rem}.article-template__content img{border-radius:.8rem;margin:1.5rem 0}.article-template__content ul,.article-template__content ol{margin-bottom:1.6rem;padding-left:2rem}.article-template__content li{margin-bottom:.6rem}.article-template__content blockquote{border-left:4px solid rgb(var(--color-button));padding-left:1.5rem;margin:2rem 0;font-style:italic;color:rgba(var(--color-foreground),.8)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:4.5rem;height:4.5rem;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100;box-shadow:0 4px 12px #00000026}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003}.back-to-top svg{width:2rem;height:2rem}.mobile-toc-trigger{display:none;position:fixed;bottom:2rem;left:2rem;width:4.5rem;height:4.5rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;cursor:pointer;align-items:center;justify-content:center;z-index:100;box-shadow:0 4px 12px #00000026;transition:transform .2s ease}.mobile-toc-trigger:hover{transform:scale(1.05)}.mobile-toc-trigger svg{width:2rem;height:2rem}@media screen and (max-width: 1199px){.mobile-toc-trigger{display:flex}}.mobile-toc-panel{display:none;position:fixed;bottom:0;left:0;right:0;max-height:60vh;background:rgb(var(--color-background));border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -4px 20px #00000026;z-index:101;transform:translateY(100%);transition:transform .3s ease;overflow:hidden}.mobile-toc-panel.is-open{transform:translateY(0)}@media screen and (max-width: 1199px){.mobile-toc-panel{display:block}}.mobile-toc-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.mobile-toc-panel__title{font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0}.mobile-toc-panel__close{width:3.5rem;height:3.5rem;border-radius:50%;background:rgba(var(--color-foreground),.05);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-toc-panel__content{padding:1.5rem 2rem 2rem;max-height:calc(60vh - 6rem);overflow-y:auto}.mobile-toc-panel__list{list-style:none;margin:0;padding:0}.mobile-toc-panel__item{margin-bottom:.5rem}.mobile-toc-panel__link{display:block;padding:1rem 1.2rem;font-size:1.4rem;color:rgba(var(--color-foreground),.8);text-decoration:none;border-radius:.6rem;transition:background .2s ease}.mobile-toc-panel__link:hover,.mobile-toc-panel__link:active{background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground))}.mobile-toc-panel__link--h3{padding-left:2.4rem;font-size:1.3rem}.mobile-toc-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:100;opacity:0;transition:opacity .3s ease}.mobile-toc-overlay.is-visible{opacity:1}@media screen and (max-width: 1199px){.mobile-toc-overlay{display:block;pointer-events:none}.mobile-toc-overlay.is-visible{pointer-events:auto}}@media screen and (max-width: 1199px){.back-to-top{bottom:8rem}}.article-navigation{margin-top:3rem;padding:2rem 0;border-top:1px solid rgba(var(--color-foreground),.1);border-bottom:1px solid rgba(var(--color-foreground),.1)}.article-navigation__inner{display:flex;justify-content:space-between;align-items:stretch;gap:2rem}.article-navigation__prev,.article-navigation__next{flex:1;max-width:45%}.article-navigation__next{text-align:right}.article-navigation__link{display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;color:rgb(var(--color-foreground));border-radius:.8rem;transition:background .2s ease}.article-navigation__link:hover{background:rgba(var(--color-foreground),.05)}.article-navigation__next .article-navigation__link{flex-direction:row;justify-content:flex-end}.article-navigation__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:rgba(var(--color-foreground),.05);transition:background .2s ease,transform .2s ease}.article-navigation__link:hover .article-navigation__arrow{background:rgba(var(--color-foreground),.1)}.article-navigation__prev .article-navigation__link:hover .article-navigation__arrow{transform:translate(-3px)}.article-navigation__next .article-navigation__link:hover .article-navigation__arrow{transform:translate(3px)}.article-navigation__text{display:flex;flex-direction:column;gap:.3rem}.article-navigation__label{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-foreground),.6)}.article-navigation__title{font-size:1.4rem;font-weight:500;line-height:1.4}@media screen and (max-width: 749px){.article-navigation__inner{flex-direction:column;gap:1rem}.article-navigation__prev,.article-navigation__next{max-width:100%}.article-navigation__next{text-align:left}.article-navigation__next .article-navigation__link{flex-direction:row-reverse;justify-content:flex-start}.article-navigation__link{width:100%;padding:1rem}.article-navigation__arrow{width:3.5rem;height:3.5rem}.article-navigation__title{font-size:1.3rem}}@media screen and (max-width: 749px){.article-template--with-sidebars{padding:0 1rem;gap:1.5rem}.article-template__content{font-size:1.5rem}.article-template__content h2{font-size:1.8rem;margin-top:2.5rem}.article-template__content h3{font-size:1.5rem;margin-top:2rem}.article-template__content p{margin-bottom:1.4rem}.article-template__content img{border-radius:.6rem;margin:1rem 0}.mobile-toc-panel__content{padding:1rem 1.5rem 1.5rem}.mobile-toc-panel__link{padding:.8rem 1rem;font-size:1.3rem}.back-to-top,.mobile-toc-trigger{width:4rem;height:4rem}.back-to-top svg,.mobile-toc-trigger svg{width:1.8rem;height:1.8rem}.back-to-top{right:1.5rem;bottom:7rem}.mobile-toc-trigger{left:1.5rem}}@media screen and (max-width: 749px){.article-template__title{font-size:2.2rem!important;line-height:1.3}.article-template__date{font-size:1.2rem}}@media (hover: none) and (pointer: coarse){.article-toc__link,.article-sidebar__nav-link,.mobile-toc-panel__link{min-height:44px;display:flex;align-items:center}.article-navigation__link{min-height:60px}.article-sidebar__article-link:hover,.article-sidebar__product-link:hover{transform:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-toc-panel{padding-bottom:env(safe-area-inset-bottom)}.back-to-top,.mobile-toc-trigger{bottom:calc(2rem + env(safe-area-inset-bottom))}@media screen and (max-width: 749px){.back-to-top{bottom:calc(7rem + env(safe-area-inset-bottom))}}@media screen and (max-width: 1199px){.back-to-top{bottom:calc(8rem + env(safe-area-inset-bottom))}}}@media (prefers-reduced-motion: reduce){.back-to-top,.mobile-toc-trigger,.mobile-toc-panel,.mobile-toc-overlay,.article-navigation__arrow,.article-toc__link,.article-sidebar__nav-link{transition:none}}@media (prefers-contrast: high){.article-toc__link,.article-sidebar__nav-link{border:1px solid transparent}.article-toc__link:focus,.article-sidebar__nav-link:focus{border-color:currentColor;outline:2px solid currentColor;outline-offset:2px}}@media print{.article-sidebar,.back-to-top,.mobile-toc-trigger,.mobile-toc-panel,.mobile-toc-overlay,.article-navigation{display:none!important}.article-template--with-sidebars{display:block}.article-template__content{font-size:12pt;line-height:1.6}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-article-sidebar.css.map */