.article{--article-layout-width: 1280px;--article-h1-font-size: clamp(3rem, 2.55rem + 1.4vw, 4.4rem);--article-h2-font-size: clamp(2.5rem, 2.18rem + 1vw, 3.4rem);--article-h3-font-size: clamp(2.2rem, 2rem + .65vw, 2.8rem);--article-h4-font-size: clamp(2rem, 1.86rem + .4vw, 2.4rem);--article-h5-font-size: clamp(1.8rem, 1.73rem + .25vw, 2.1rem);--article-h6-font-size: clamp(1.7rem, 1.66rem + .15vw, 1.9rem)}.article-content{--element-margin-bottom: 2em;--heading-margin-bottom: 1.5em}.article-content p,.article-content ol,.article-content ul,.article-content blockquote{margin-bottom:var(--element-margin-bottom, 2em)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:var(--heading-margin-bottom, 1.5em)}.article-content h1{font-size:var(--article-h1-font-size);line-height:1.15}.article-content h2{font-size:var(--article-h2-font-size);line-height:1.2}.article-content h3{font-size:var(--article-h3-font-size);line-height:1.25}.article-content h4{font-size:var(--article-h4-font-size);line-height:1.3}.article-content h5{font-size:var(--article-h5-font-size);line-height:1.35}.article-content h6{font-size:var(--article-h6-font-size);line-height:1.4}.article-content img{display:block;margin-block:40px;padding-block:0;border:1px solid rgba(27,54,75,.1);border-radius:30px}.article-content blockquote{padding-top:calc(4 * var(--space-unit));font-size:2rem;font-style:italic;line-height:2.4rem}.article-content blockquote p:last-child{margin-bottom:0}.article-content iframe{max-width:100%}.article-content .article-table-scroll{display:block;width:100%;max-width:100%;margin:0 0 var(--element-margin-bottom, 2em);overflow-x:auto;border:1px solid rgba(25,123,189,.22);border-radius:14px;background:#fff;box-shadow:0 10px 28px #1b364b14;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.article-content .article-table-scroll.is-scrollable{box-shadow:inset -16px 0 16px -18px #1b364b73,0 10px 28px #1b364b14}.article-content .article-table-scroll:focus-visible{outline:3px solid rgba(25,123,189,.35);outline-offset:3px}.article-content .article-table{width:100%;min-width:100%;max-width:none;margin:0;border:0;background:#fff;table-layout:auto}.article-content .article-table caption{padding:14px 16px;background:#197bbd12;color:rgb(var(--heading-color));font-weight:750;text-align:start}.article-content .article-table th,.article-content .article-table td{padding:15px 16px;border-color:#1b364b21;-webkit-hyphens:none;hyphens:none;line-height:1.45;overflow-wrap:normal;vertical-align:top;word-break:normal}.article-content .article-table th,.article-content .article-table thead td{background:#197bbd;color:#fff;font-weight:750}.article-content .article-table tbody tr:nth-child(2n) td{background:#f5f9fc}.article-content .article-table tbody tr:hover td{background:#edf6fb}.article-content .article-table a{color:#12689f;text-decoration-thickness:1px;text-underline-offset:2px}.article--buyers-guide .article-table th:first-child,.article--buyers-guide .article-table td:first-child{width:20%;min-width:180px}@media(max-width:768.98px){.article-content .article-table-scroll--stacked{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.article-content .article-table-scroll--stacked.is-scrollable{box-shadow:none}.article-content .article-table-scroll--stacked>.article-table--stackable{display:block;width:100%;min-width:0;max-width:none;background:transparent}.article-content .article-table-scroll--wide:not(.article-table-scroll--stacked)>.article-table{width:var(--article-table-min-width, 640px);min-width:var(--article-table-min-width, 640px)}.article-content .article-table--stackable caption{display:block;margin-bottom:12px;border:1px solid rgba(25,123,189,.22);border-radius:12px}.article-content .article-table--stackable thead,.article-content .article-table--stackable .article-table__header-row{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.article-content .article-table--stackable tbody{display:grid;gap:14px}.article-content .article-table--stackable .article-table__card-row{display:block;overflow:hidden;border:1px solid rgba(25,123,189,.22);border-radius:12px;background:#fff;box-shadow:0 6px 18px #1b364b12}.article-content .article-table--stackable .article-table__card-row>[data-table-label]{display:grid;grid-template-columns:minmax(100px,34%) minmax(0,1fr);gap:12px;width:auto;min-width:0;padding:12px 14px;border:0;border-bottom:1px solid rgba(27,54,75,.13);background:#fff;font-size:16px;color:rgb(var(--text-color))}.article-content .article-table--stackable .article-table__card-row>[data-table-label]:before{content:attr(data-table-label);color:rgb(var(--heading-color));font-weight:750}.article-content .article-table--stackable .article-table__card-row>[data-table-label]:last-child{border-bottom:0}.article-content .article-table--stackable .article-table__card-row>.article-table__row-heading{display:grid;grid-template-columns:minmax(100px,34%) minmax(0,1fr);gap:12px;width:auto;min-width:0;padding:12px 14px;border-bottom:0;background:#197bbd;color:#fff;font-weight:750}.article-content .article-table--stackable .article-table__card-row>.article-table__row-heading:before{content:attr(data-table-label);display:block;color:#fff}.article--buyers-guide .article-table--stackable .article-table__card-row>.article-table__row-heading[data-table-label=Feature i]:before{content:"Product"}.article-content .article-table--stackable .article-table__card-row>[data-table-label]>:last-child{margin-bottom:0}}@media(max-width:480px){.article-content .article-table--stackable .article-table__card-row>[data-table-label]{grid-template-columns:minmax(0,1fr);gap:4px}}.article__body-layout{position:relative;display:block;width:100%;max-width:var(--article-layout-width);margin-inline:auto}.article-hero{display:grid;width:100%;max-width:var(--article-layout-width);margin-inline:auto;gap:16px}.article-hero--content,.article__body-layout--content{max-width:1120px}.article-hero--page,.article__body-layout--page{max-width:var(--page-width, 1320px)}.article-hero__content{display:flex;flex-direction:column;gap:14px;padding:6px 0}.article-back-to-blogs{display:inline-flex;min-height:40px;align-items:center;gap:8px;margin-bottom:clamp(20px,3vw,30px);padding:9px 14px;border:1px solid rgba(var(--btn-bg-color) / .2);border-radius:999px;background:rgb(var(--bg-color));box-shadow:0 6px 18px rgba(var(--text-color) / .06);color:rgb(var(--btn-bg-color));font-size:max(1.6rem,.88em);font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease;vertical-align:top}.article-back-to-blogs svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.article-back-to-blogs:hover,.article-back-to-blogs:focus-visible{background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color));transform:translate(-2px)}.article-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:rgba(var(--text-color) / .7);font-size:max(1.6rem,.86em);font-weight:650}.article-hero__author-mark{display:grid;width:32px;height:32px;place-items:center;margin-inline-end:2px;border-radius:50%;background:rgb(var(--btn-bg-color));box-shadow:0 4px 12px rgba(var(--btn-bg-color) / .16);color:rgb(var(--btn-text-color));font-weight:800}.article-hero__author{color:rgb(var(--btn-bg-color));font-weight:750}.article-hero__meta-separator{color:rgba(var(--text-color) / .35)}.article-hero__title h1{color:rgb(var(--heading-color));font-size:var(--article-h1-font-size);line-height:1.08;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;text-wrap:pretty;word-break:normal}.article-hero__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.article-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.article-hero__faq-link{border-color:#197bbd;background:#197bbd;color:#fff}.article-hero__faq-link:hover,.article-hero__faq-link:focus-visible{border-color:#12689f;background:#12689f;color:#fff}.article-hero__tag{display:inline-flex;min-height:30px;align-items:center;padding:6px 10px;border:1px solid rgba(var(--text-color) / .1);border-radius:999px;background:rgba(var(--bg-color));box-shadow:none;color:rgb(var(--text-color));font-size:max(1.6rem,.7em);font-weight:750;letter-spacing:.06em;line-height:1.1;text-decoration:none;text-transform:uppercase}.article-hero__tag:hover,.article-hero__tag:focus-visible{border-color:rgba(var(--btn-bg-color) / .35);color:rgb(var(--btn-bg-color))}.article-hero__image,.article-hero__image .media{height:190px;min-height:0}.article-hero__image .media{height:100%}.article-hero__image img{width:100%;height:100%;object-fit:cover}.article__main-column{min-width:0}.article-cta{margin-top:var(--article-cta-margin-top, 48px);padding:var(--article-cta-padding, 32px);border:var(--article-cta-border-width, 1px) solid var(--article-cta-border-color, rgba(var(--text-color) / .1));border-radius:var(--article-cta-radius, 8px);background:var(--article-cta-bg, rgba(var(--btn-bg-color) / .06))}.article-faq{margin-top:40px;padding-bottom:52px}.article-faq .faq__heading{font-size:var(--article-h2-font-size);line-height:1.2}.article-faq .disclosure__content p{margin-bottom:0}.article-cta__title{margin:0 0 14px;color:var(--article-cta-heading-color, rgb(var(--heading-color)))}.article-cta__content{margin:0;color:var(--article-cta-text-color, rgba(var(--text-color) / .82))}.article-cta__button{margin-top:24px}.article-contact{margin-top:var(--article-contact-margin-top, 80px);padding:var(--article-contact-padding-top, 0) var(--article-contact-padding-x, 32px) var(--article-contact-padding-bottom, 72px)}.article__sidebar{display:none}.article-toc-target{scroll-margin-top:calc(var(--header-height, 0px) + 82px)}.article-read-time-circle{--reading-progress: 0;position:relative;display:grid;width:96px;aspect-ratio:1;place-items:center;padding:14px;border-radius:50%;background:rgb(var(--bg-color));box-shadow:0 12px 30px rgba(var(--text-color) / .1);color:#197bbd;text-align:center}.article-read-time-circle__progress{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.article-read-time-circle__track,.article-read-time-circle__value{fill:none;stroke-width:2.2}.article-read-time-circle__track{stroke:#30303314}.article-read-time-circle__value{stroke:currentColor;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--reading-progress));stroke-linecap:butt;transition:stroke-dashoffset .12s linear}.article-read-time-circle__text{position:relative;z-index:1;max-width:62px;font-size:1.6rem;font-weight:700;line-height:1.25}.article-share-rail{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px}.article-share-rail__link{display:flex;width:42px;height:42px;align-items:center;justify-content:center;padding:10px;border:0;border-radius:50%;background:transparent;color:rgb(var(--text-color));cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.article-share-rail__link:hover,.article-share-rail__link:focus-visible,.article-share-rail__link.is-copied{background:rgba(var(--btn-bg-color) / .1);color:rgb(var(--btn-bg-color));transform:translateY(-2px)}.article-share-rail__link .icon{width:23px;height:23px}.article-share-rail__link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.article-share-rail__link svg path[fill=currentColor],.article-share-rail__link svg[fill=currentColor] path,.article-share-rail__link svg:not([fill=none]):not([stroke]) path{fill:currentColor;stroke:none}.article-back-to-top{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:9px 15px;border:1px solid rgba(var(--text-color) / .12);border-radius:999px;background:rgba(var(--btn-bg-color) / .08);color:rgb(var(--text-color));font-size:max(1.6rem,.88em);font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.article-back-to-top:hover,.article-back-to-top:focus-visible{background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color));transform:translateY(-2px)}.article-back-to-top__icon{display:flex;transform:rotate(-90deg)}.article-back-to-top__icon .icon{width:17px;height:17px}.article-toc{width:100%;height:360px;margin-top:22px;overflow:hidden;border:1px solid rgba(var(--text-color) / .12);border-radius:18px;background:rgba(var(--bg-color));box-shadow:0 10px 30px #0000000f}.article-toc__heading{margin:0;padding:18px 18px 14px;border-bottom:1px solid rgba(var(--text-color) / .1);color:rgb(var(--heading-color))}.article-toc__scroll{height:calc(100% - 59px);overflow-y:auto;overscroll-behavior:contain;padding:8px 8px 14px;scrollbar-color:rgba(var(--text-color) / .3) transparent;scrollbar-width:thin}.article-toc__list{margin:0;padding:0;list-style:none}.article-toc__item{margin:0}.article-toc__item--h3{padding-inline-start:12px}.article-toc__item--h4{padding-inline-start:24px}.article-toc__link{display:block;padding:9px 10px;border-radius:10px;color:rgba(var(--text-color) / .7);font-size:max(1.6rem,.9em);font-weight:600;line-height:1.35;text-decoration:none;transition:background-color .2s ease,color .2s ease}.article-toc__link:hover,.article-toc__link:focus-visible{background:rgba(var(--btn-bg-color) / .07);color:rgb(var(--text-color))}.article-toc__link.is-active{background:rgba(var(--btn-bg-color) / .1);color:rgb(var(--btn-bg-color))}.article-toc-mobile{--reading-progress-scale: 0;position:sticky;z-index:10;top:140px;display:flex;width:100%;max-width:37em;flex-direction:column;align-items:flex-start;gap:10px;margin:0 auto 18px;pointer-events:none}.article-toc-mobile__trigger{position:relative;order:1;display:inline-flex;max-width:100%;min-height:50px;align-items:center;gap:8px;padding:10px 15px;border:0;border-radius:999px;background:rgb(var(--btn-bg-color));box-shadow:0 10px 28px rgba(var(--btn-bg-color) / .24);color:rgb(var(--btn-text-color));font:inherit;font-size:max(1.6rem,.88em);font-weight:700;line-height:1;overflow:hidden;pointer-events:auto;white-space:nowrap}.article-toc-mobile__trigger:after{content:"";position:absolute;right:0;bottom:0;left:0;height:4px;background:#197bbd;transform:scaleX(var(--reading-progress-scale));transform-origin:left center;transition:transform .12s linear}.article-toc-mobile__trigger>.icon{width:16px;height:16px;margin-inline-start:1px;transition:transform .2s ease}.article-toc-mobile__trigger[aria-expanded=true]>.icon{transform:rotate(180deg)}.article-toc-mobile__list-icon{width:19px;height:19px;flex:0 0 19px;fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-width:1.7}.article-toc-mobile__divider{width:1px;height:18px;background:currentColor;opacity:.35}.article-toc-mobile[hidden],.article-toc-mobile__panel[hidden]{display:none}.article-toc-mobile__panel{position:absolute;top:calc(100% + 10px);left:0;order:2;width:min(100%,420px);max-height:min(56vh,420px);overflow:hidden;border:1px solid rgba(var(--text-color) / .1);border-radius:18px;background:rgba(var(--bg-color));box-shadow:0 18px 50px #0000002e;opacity:0;pointer-events:auto;transform:translateY(-8px) scale(.98);transform-origin:top left;transition:opacity .18s ease,transform .18s ease}.article-toc-mobile.is-open .article-toc-mobile__panel{opacity:1;transform:translateY(0) scale(1)}.article-toc-mobile__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px 12px 20px;border-bottom:1px solid rgba(var(--text-color) / .1)}.article-toc-mobile__close{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;padding:8px;border:0;border-radius:50%;background:rgba(var(--btn-bg-color) / .09);color:rgb(var(--text-color))}.article-toc-mobile__scroll{max-height:calc(min(56vh,420px) - 119px);overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 14px}.article-back-to-top--mobile{width:calc(100% - 20px);margin:0 10px 10px}.article__image--wider .media{width:calc(100% + var(--gutter) * 2);max-width:calc(100% + var(--gutter) * 2);margin-inline-start:calc(var(--gutter) * -1)}.article__image .media,.article__image img{overflow:hidden;border-radius:30px}.article__image .media{border:1px solid rgba(27,54,75,.1)}@media(max-width:1023.98px){.article-content,.article-width{max-width:37em}}@media(max-width:767px){.article-contact{padding:var(--article-contact-padding-top-mobile, 0) var(--article-contact-padding-x-mobile, 20px) var(--article-contact-padding-bottom-mobile, 48px)}}@media(min-width:1024px){.article-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(24px,3vw,40px)}.article-hero--text-only{grid-template-columns:1fr}.article-hero--text-only .article-hero__content{min-height:0}.article-hero__content{min-height:240px;gap:14px;justify-content:center;padding:12px 0}.article-hero__image,.article-hero__image .media{height:260px;min-height:0}.section:has(.article-hero){margin-top:100px;margin-bottom:100px;padding:0}.cc-article-comments{display:none}.article__body-layout{display:flex;align-items:stretch;gap:clamp(36px,8vw,126px);margin-top:40px!important}.article-toc-target{scroll-margin-top:calc(var(--header-height, 0px) + 28px)}.article__main-column{order:1;flex:1 1 auto}.article__main-column .article-content,.article__main-column .article-width{width:100%;max-width:none}.article__sidebar{order:2;display:block;flex:0 0 230px;align-self:stretch;min-width:0}.article__sidebar-sticky{position:sticky;top:calc(var(--header-height, 0px) + 20px);display:flex;flex-direction:column;align-items:center;max-height:calc(100vh - var(--header-height, 0px) - 40px)}.article-toc{height:min(360px,calc(100vh - var(--header-height, 0px) - 270px));min-height:220px}.article-toc-mobile{display:none!important}.article__footer-share{display:none}.article-content blockquote{font-size:2.8rem;line-height:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/article.css.map */