.article-two-column{margin-top:32px;margin-bottom:64px}.article-two-column__grid{display:grid;grid-template-columns:var(--left-col, 300px) 1fr;gap:32px}.article-two-column__left{width:100%;max-width:100%}.article-two-column__right{min-width:0}.left-banner__image{display:block;width:100%;height:auto;border-radius:8px}.left-banner__caption{margin-top:8px;font-size:.9rem;color:#787878}.left-banner__link{text-decoration:none}.article__hero img{width:100%;height:auto;border-radius:12px}.article__header{margin:20px 0 16px}.article__title{margin:0 0 8px;line-height:1.25}.article__date{color:#787878;font-size:.95rem}.article__content{margin-top:16px}@media (min-width: 990px){.article-two-column[data-sticky=true] .article-two-column__left{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.article-two-column[data-sticky=true] .article-two-column__left::-webkit-scrollbar{display:none}}@media (max-width: 989px){.article-two-column__grid{display:flex;flex-direction:column;gap:24px}.article-two-column__left{order:2;position:static!important}.article-two-column__right{order:1}.article-two-column{margin-top:20px;margin-bottom:48px}}.sidebar-card{margin-top:24px;padding:16px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px}.sidebar-card__title{font-weight:700;font-size:14px;letter-spacing:.02em;margin:0 0 12px;padding-left:8px;border-left:4px solid #222}.sidebar-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sidebar-list__item a{color:inherit;text-decoration:none}.sidebar-list__item a:hover{text-decoration:underline}.sidebar-list__empty{color:#777}.sidebar-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.sidebar-tags li a{display:inline-block;padding:6px 10px;border:1px solid rgba(0,0,0,.12);border-radius:999px;font-size:12px;color:inherit;text-decoration:none;background:#fafafa}.sidebar-tags li a:hover{background:#f2f2f2}.btn-sidebar{display:inline-block;width:100%;text-align:center;padding:10px 14px;border-radius:0!important;font-weight:700;text-decoration:none;font-size:14px!important}.btn-sidebar--solid{background:#000;color:#fff}.btn-sidebar--solid:hover{opacity:.9}.btn-sidebar--outline{background:#fff;color:#000;border:1px solid #000}.btn-sidebar--outline:hover{background:#000;color:#fff}.breadcrumb{margin:16px 0 20px;position:sticky;top:80px;background:#fff;z-index:50;padding:12px 0;border-bottom:1px solid #eee}.breadcrumb__list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:14px}.breadcrumb__item{display:flex;align-items:center}.breadcrumb__item:not(:last-child):after{content:"\203a";margin:0 8px;color:#999}.breadcrumb__link{color:#06c;text-decoration:none}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__text{color:#333}.breadcrumb__item--current .breadcrumb__text{color:#666;font-weight:500}@media (max-width: 768px){.breadcrumb{margin:12px 0 16px;top:60px}.breadcrumb__list{font-size:13px}.breadcrumb__item:not(:last-child):after{margin:0 6px}}.sidebar-list--with-thumbnails{display:grid;gap:12px}.sidebar-list__item--with-thumbnail{display:flex;align-items:center}.sidebar-list__link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:4px 0;transition:opacity .2s ease}.sidebar-list__link:hover{opacity:.7}.sidebar-list__thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0}.sidebar-list__title{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-card{border:none!important}.sidebar-tags li a{border:none!important;background:transparent}.btn-sidebar--outline{border:none!important;background:#fff}.blog-top-banner{margin:12px 0 40px}.blog-top-banner img{width:100%;height:auto;object-fit:contain;object-position:center;border-radius:0!important;display:block}@media (max-width: 768px){.blog-top-banner{margin:8px 0 24px;height:60px;overflow:hidden}.blog-top-banner img{width:100%;height:100%;object-fit:cover;object-position:center}}.left-banner__image,.article__hero img,.sidebar-list__thumbnail,.blog-top-banner img,.article-two-column img,.btn-sidebar,.btn-sidebar--solid,.btn-sidebar--outline{border-radius:0!important}.post-bottom-banner{margin-top:24px}.post-bottom-banner img{width:100%;height:auto;display:block}.post-bottom-banner__caption{margin-top:8px;font-size:13px;color:#666}.post-bottom-banner{margin-top:24px;display:flex;justify-content:center}.post-bottom-banner img{width:var(--post-banner-width, 100%);height:auto;display:block}@media (max-width: 768px){.post-bottom-banner img{width:var(--post-banner-width-mobile, 100%)}}.left-banner__image{width:auto!important;height:auto!important;max-width:100%!important}.product-banner-image{width:var(--product-image-width, 300px)!important;height:auto!important;max-width:100%!important}.left-banner__link{display:block!important;text-align:center!important}.left-banner__image{display:block!important;margin:0 auto!important}.article__content h1{font-weight:700;font-size:20px;letter-spacing:.02em;margin:48px 0 32px;padding-left:8px;border-left:6px solid #222;border-bottom:1px solid #222;background:transparent!important;line-height:1.4;position:relative}.article__content h2{font-weight:700;font-size:20px;letter-spacing:.02em;margin:40px 0 28px;padding-left:8px;border-left:8px solid #222;border-bottom:none;background:transparent!important;line-height:1.4;position:relative}.article__content h3{font-weight:700;font-size:17px;letter-spacing:.02em;margin:45px 0 24px;padding-left:8px;border-left:none!important;background:transparent!important;line-height:1.4;border-bottom:1px solid #ddd;position:relative}.article__content h3:before{content:"";position:absolute;bottom:-1px;left:0;width:50%;height:2px;background-color:#222}.article__title,.article__content h1,.article__header h1,.article__header .article__title{margin:48px 0 32px!important;padding-bottom:16px}.article__hero img{box-shadow:0 8px 32px #00000026;border-radius:0!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/article-with-sidebar.css.map */
