@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;600;700&display=swap";.article-blog{--ab-gap: 20px;--ab-toc-w: 224px;--ab-side-w: 288px;--ab-max: 1440px;--ab-sticky-top: 88px;--ab-blue: #0081ea;--ab-yellow: #ffcc00;--ab-card-bg: #f8f8f8;--ab-panel: #f5f5f5;--ab-border: #e5e5e5;--ab-muted: #666666;--ab-text: #171717;position:relative;color:var(--ab-text)}.article-blog__progress{position:sticky;top:0;z-index:50;height:4px;background:#00000014}.article-blog__progress-bar{display:block;height:100%;width:0%;background:var(--ab-yellow);transition:width 60ms linear}.article-blog__shell{max-width:var(--ab-max);margin:0 auto;padding:20px 20px 24px;display:grid;grid-template-columns:1fr;gap:var(--ab-gap);align-items:start}.article-blog__titleblock{margin:0 0 20px}.article-blog__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10.4px 16px;margin:0 0 13.6px}.article-blog__badge{display:inline-flex;align-items:center;padding:4.48px 11.2px;border-radius:10px;background:var(--ab-yellow);color:#fff;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none}.article-blog__meta-rest{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8.8px 12px;color:var(--ab-muted);font-size:14px}.article-blog__date{display:inline-flex;align-items:center;gap:5.6px}.article-blog__sep{width:1px;height:.85em;background:#cfcfcf;display:inline-block}.article-blog__author{margin:0}.article-blog__author em{font-style:italic;font-weight:400}.article-blog__h1{margin:0;font-size:clamp(32px,4vw,44.8px);font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--ab-text)}.article-blog__below{max-width:var(--ab-max);margin:0 auto;padding:24px 20px 48px}.article-blog__toc{order:0;background:var(--ab-panel);border-radius:4px;padding:16px 13.6px;font-family:Public Sans,sans-serif}.article-blog__toc-title{margin:0 0 12px;font-family:Public Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:0;color:#171717;text-transform:none}.article-blog__toc-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.article-blog__toc a{display:block;padding:7.2px 8.8px;border-radius:2px;font-family:Public Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--ab-blue);text-decoration:none;border-left:0}.article-blog__toc a:hover{text-decoration:underline}.article-blog__toc a.is-active{background:var(--ab-yellow);color:#171717;font-weight:700;text-decoration:none}.article-blog__toc details summary{cursor:pointer;list-style:none;font-family:Public Sans,sans-serif;font-weight:700;padding:2.4px 0}.article-blog__toc details summary::-webkit-details-marker{display:none}.article-blog__main{order:1;min-width:0}.article-blog__footbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13.6px 20px;margin-top:0;padding-top:0}.article-blog__share{display:flex;flex-wrap:wrap;align-items:center;gap:8.8px 11.2px;margin:0;padding:0}.article-blog__share .article-share__label{font-size:15.2px;font-weight:700;margin-right:2.4px;width:auto}.article-blog__share a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;color:var(--ab-text);text-decoration:none;background:transparent}.article-blog__share a:hover{opacity:.7}.article-blog__comment-count{display:inline-flex;align-items:center;gap:6.4px;color:var(--ab-muted);font-size:14.4px;text-decoration:none;white-space:nowrap}.article-blog__comment-count:hover{color:var(--ab-text)}.article-blog__prev{display:block;margin-top:28px;padding:18.4px 20px;background:#f5f5f5;border-radius:8px;color:inherit;text-decoration:none}.article-blog__prev:hover{background:#efefef}.article-blog__prev-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6.4px 10.4px;margin-bottom:8.8px;color:var(--ab-muted);font-size:13.6px}.article-blog__prev-title{font-size:21.6px;font-weight:700;line-height:1.3}.article-blog__content.rte,.article-blog__content.article-content{font-size:16.8px;line-height:1.7}.article-blog__content h2{margin:28px 0 13.6px;font-size:36px;font-weight:700;line-height:1.2;scroll-margin-top:calc(var(--ab-sticky-top) + 16px)}.article-blog__content h3{font-weight:700;scroll-margin-top:calc(var(--ab-sticky-top) + 16px)}.main-article-banner .article__title,.article .article__title,h1.article__title,.article-banner h1{font-weight:800!important}.article-blog__sidebar{order:2}.article-blog__sidebar-title{margin:0 0 16px;font-family:Public Sans,sans-serif;font-size:20px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ab-text)}.article-blog__side-item{display:grid;gap:8.8px;padding:15.2px 0;border-bottom:1px solid var(--ab-border)}.article-blog__side-item:last-child{border-bottom:0}.article-blog__side-media{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--ab-card-bg)}.article-blog__side-media img{width:100%;height:100%;object-fit:cover;display:block;margin:0}.article-blog__side-head{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.article-blog__side-name{margin:0;font-family:Public Sans,sans-serif;font-size:19px;font-weight:600;line-height:1.2;letter-spacing:normal;flex:1 1 auto;min-width:0}.article-blog__side-name a{color:#000;text-decoration:none;background-image:none;font:inherit}.article-blog__side-price{margin:0;font-family:Public Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.2;letter-spacing:normal;color:#000;white-space:nowrap;flex:0 0 auto}.article-blog__swatches{display:flex;flex-wrap:wrap;gap:11px;margin-top:5.6px;padding:3px 2px}.article-blog__swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.article-blog__swatch .visually-hidden,.article-blog__swatch input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-blog__swatch-dot{box-sizing:border-box;display:block;width:14px;height:14px;border-radius:50%;background:var(--swatch-bg, #ccc);box-shadow:inset 0 0 0 1px #1717171d;pointer-events:none}.article-blog__swatch.is-active:after,.article-blog__swatch:has(input:checked):after,.article-blog__swatch:focus-within:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 1px #171717;pointer-events:none}.article-blog__shop{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:fit-content;margin:var(--ab-shop-my, 8px) 0;padding:var(--ab-shop-py, 10px) var(--ab-shop-px, 18px);font-family:Public Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:normal;color:var(--ab-shop-color, #ffffff);background:var(--ab-shop-bg, #0081ea);border-radius:var(--ab-shop-radius, 8px);text-decoration:none;background-image:none}.article-blog__shop:after{content:">";font-size:.95em}.article-blog__shop:hover{text-decoration:none;opacity:.85}.article-blog__comments{margin-top:40px;padding-top:0;border-top:0}.article-blog__comments h2{margin:0 0 7.2px;font-family:Public Sans,sans-serif;font-size:30px;font-weight:700;line-height:1;letter-spacing:-.025em;color:var(--ab-text)}.article-blog__comment-note{margin:0 0 40px;color:var(--ab-muted);font-size:14.72px}.article-blog__comment-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:16px}.article-blog__comment-meta{font-size:13.6px;color:var(--ab-muted);margin-bottom:5.6px}.article-blog__form{display:grid;gap:13.6px;width:100%;max-width:none}.article-blog__form-row{display:grid;grid-template-columns:1fr 1fr;gap:13.6px}.article-blog__form :is(input,textarea){width:100%;box-sizing:border-box;padding:14.4px 16px;border:0;border-radius:10px;background:#f5f5f5;color:inherit;font:inherit;outline:none}.article-blog__form-row :is(input){min-height:56px;padding:16.8px 18.4px;font-size:16px}.article-blog__form :is(input,textarea)::placeholder{color:#999}.article-blog__form :is(input,textarea):focus{box-shadow:0 0 0 2px #00000014}.article-blog__form textarea{min-height:144px;resize:vertical}.article-blog__form button{justify-self:start;margin-top:2.4px;padding:13.6px 22.4px;border:0;border-radius:10px;background:var(--ab-yellow);color:#111;font:inherit;font-weight:700;cursor:pointer}.article-blog__form button:hover{filter:brightness(.97)}.article-blog__form-legal{margin:28px 0 0;color:var(--ab-muted);font-size:12.8px;line-height:1.45}.article-blog__form-legal a{color:inherit;text-decoration:underline}@media(max-width:749px){.article-blog__form-row{grid-template-columns:1fr}}blog-product-card,[data-blog-product-card],[data-blog-card]{display:block;margin:28px 0;max-width:100%}.article-blog-card{display:grid;grid-template-columns:224px minmax(0,1fr);gap:21.6px;padding:18.4px;border:0;border-radius:4px;background:var(--ab-card-bg);align-items:center;min-height:232px;overflow:hidden;isolation:isolate;box-sizing:border-box;width:100%;max-width:100%}.article-blog-card__media{position:relative;width:224px;max-width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:2px;background:#eee;align-self:center;flex-shrink:0;z-index:0}.article-blog-card__media img,.rte .article-blog-card__media img,.article-blog__content .article-blog-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;display:block;margin:0!important;margin-block:0!important;padding:0!important;border:0;border-radius:0;vertical-align:top}.article-blog-card__body{display:grid;gap:8.8px;align-content:center;min-width:0;position:relative;z-index:1}.article-blog-card__title,.rte .article-blog-card__title,.article-blog__content .article-blog-card__title{margin:0!important;margin-block:0!important;font-family:Public Sans,sans-serif!important;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:normal;text-transform:none;color:var(--ab-text);word-break:break-word}.article-blog-card__subtitle,.rte .article-blog-card__subtitle,.article-blog__content .article-blog-card__subtitle{margin:0!important;margin-block:0!important;font-family:Public Sans,sans-serif;color:var(--ab-muted);font-size:15.2px;font-weight:400;line-height:1.4}.article-blog-card__actions{display:flex;flex-wrap:wrap;gap:8.8px;margin-top:7.2px}.article-blog-card__btn{display:inline-flex;align-items:center;justify-content:center;min-height:41.6px;padding:8.8px 16.8px;border-radius:4px;border:1px solid #d0d0d0;font-family:Public Sans,sans-serif;font-weight:700;font-size:14.4px;line-height:1.2;text-decoration:none;color:#111;background-color:#fff;background-image:none;box-shadow:none;cursor:pointer}.rte a.article-blog-card__btn,.rte a.article-blog-card__btn:hover,.article-blog__content a.article-blog-card__btn,.article-blog__content a.article-blog-card__btn:hover{text-decoration:none;background-image:none;background-size:auto;box-shadow:none;color:#111}a.article-blog-card__btn:not(.article-blog-card__btn--primary):not(.article-blog-card__btn--buy){background-color:#fff;background-image:none;border-color:#111;color:#111}.article-blog-card__btn--primary{background:var(--ab-yellow);background-image:none;border-color:var(--ab-yellow);color:#111}.article-blog-card__btn--buy{background-color:#fff;background-image:none;border-color:var(--ab-yellow);color:#111}.article-blog-card__btn[disabled]{opacity:.5;cursor:not-allowed}.article-blog-card__error{color:#b42318;font-size:14.4px}.article-latest__title{font-weight:700!important}.article-latest__tag{background:#fc0!important;background-image:none!important;border:0!important;color:#111!important;border-radius:4px!important}.article-latest__card-title{font-weight:700!important}@media(max-width:749px){.article-blog-card{grid-template-columns:1fr;min-height:0}.article-blog-card__media{width:100%}}@media(min-width:990px){.article-blog__shell{grid-template-columns:var(--ab-toc-w) minmax(0,2.4fr) var(--ab-side-w);grid-template-areas:"title title title" "rule rule rule" "toc main side";column-gap:24px;row-gap:0;padding:var(--ab-title-top, 48px) 24px 24px}.article-blog__titleblock{grid-area:title;margin:0 0 var(--ab-title-bottom, 56px);padding-left:calc(var(--ab-toc-w) - 60px)}.article-blog__shell:after{content:"";grid-area:rule;border-top:1px solid var(--ab-border);height:0;margin-bottom:20px}.article-blog__toc{grid-area:toc}.article-blog__main{grid-area:main}.article-blog__sidebar{grid-area:side}.article-blog__below{padding-inline:24px}.article-blog__main{max-width:none;width:100%}.article-blog__toc,.article-blog__sidebar{position:sticky;top:var(--ab-sticky-top);align-self:start}.article-blog__toc details summary{pointer-events:none;cursor:default}}.article-blog__sidebar-title--articles{margin-top:28px}.article-blog__fa-item{display:block;margin:0 0 18px;color:inherit;text-decoration:none}.article-blog__fa-img{width:100%;height:auto;aspect-ratio:328 / 210;object-fit:cover;border-radius:8px;display:block;margin:0 0 10px;background:var(--ab-card-bg)}.article-blog__fa-title{font-family:Public Sans,sans-serif;font-size:16px;font-weight:600;line-height:1.35;color:var(--ab-text)}.article-blog__fa-item:hover .article-blog__fa-title{text-decoration:underline}.article-blog .article-blog__content p{line-height:var(--ab-content-lh, 1.7)!important;margin-block:var(--ab-content-pm, 14px)}.article-blog .article-blog__content img{margin:var(--ab-content-imgm, 20px) 0}
/*# sourceMappingURL=/cdn/shop/t/8/assets/article-layout.css.map */