.dev-article-content{padding-top:var(--dev-article-content-padding-top, 48px);padding-bottom:var(--dev-article-content-padding-bottom, 80px)}.dev-article-content__layout{display:grid;grid-template-columns:1fr;justify-content:center}.dev-article-content:not(.dev-article-content--left):not(.dev-article-content--right) .dev-article-content__body{max-width:var(--dev-article-content-body-max, 720px);margin-inline:auto;width:100%}.dev-article-content--left:not(.dev-article-content--right) .dev-article-content__layout{grid-template-columns:var(--dev-article-content-sidebar-width, 220px) minmax(0,var(--dev-article-content-body-max, 720px));gap:var(--dev-article-content-sidebar-gap, 64px);justify-content:start}@media(max-width:1024px){.dev-article-content--left:not(.dev-article-content--right) .dev-article-content__layout{grid-template-columns:1fr}}.dev-article-content--right:not(.dev-article-content--left) .dev-article-content__layout{grid-template-columns:minmax(0,var(--dev-article-content-body-max, 720px)) var(--dev-article-content-right-width, 240px);gap:var(--dev-article-content-sidebar-gap, 64px);justify-content:start}.dev-article-content--left.dev-article-content--right .dev-article-content__layout{grid-template-columns:var(--dev-article-content-sidebar-width, 220px) minmax(0,var(--dev-article-content-body-max, 720px)) var(--dev-article-content-right-width, 240px);gap:48px;justify-content:start}.dev-article-content__sidebar{position:sticky;top:var(--dev-article-content-sidebar-top, 50px);align-self:start;max-height:calc(100vh - var(--dev-article-content-sidebar-top, 50px) - 40px);display:flex;flex-direction:column;gap:32px;padding-right:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;font-family:Montserrat,sans-serif;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .24s ease}.dev-article-content__sidebar:hover,.dev-article-content__sidebar:focus-within{scrollbar-color:#c1c7d0 transparent}.dev-article-content__sidebar::-webkit-scrollbar{width:6px}.dev-article-content__sidebar::-webkit-scrollbar-track{background:transparent}.dev-article-content__sidebar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background-color .24s ease}.dev-article-content__sidebar:hover::-webkit-scrollbar-thumb,.dev-article-content__sidebar:focus-within::-webkit-scrollbar-thumb{background-color:#d1d5db}.dev-article-content__sidebar::-webkit-scrollbar-thumb:hover{background-color:#8b95a3}.dev-article-content__sidebar::-webkit-scrollbar-thumb:active{background-color:#6b7280}.dev-article-content__widget{display:flex;flex-direction:column;gap:14px}.dev-article-content__label{font-size:10px;font-weight:700;line-height:1.2;letter-spacing:1.4px;text-transform:uppercase;color:#9ca3af}.dev-article-content__progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dev-article-content__progress-percent{font-size:11px;font-weight:600;color:#213d8e;font-variant-numeric:tabular-nums}.dev-article-content__progress-track{position:relative;width:100%;height:2px;border-radius:999px;background-color:#eaecf0;overflow:hidden}.dev-article-content__progress-bar{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#213d8e,#8fc745);border-radius:999px;transition:width .12s linear}.dev-article-content__toc[hidden]{display:none}.dev-article-content__toc-list{margin:0;padding:0 4px 0 0;list-style:none;display:flex;flex-direction:column;max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .24s ease}.dev-article-content__toc-list:hover,.dev-article-content__toc-list:focus-within{scrollbar-color:#c1c7d0 transparent}.dev-article-content__toc-list::-webkit-scrollbar{width:4px}.dev-article-content__toc-list::-webkit-scrollbar-track{background:transparent}.dev-article-content__toc-list::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;transition:background-color .24s ease}.dev-article-content__toc-list:hover::-webkit-scrollbar-thumb,.dev-article-content__toc-list:focus-within::-webkit-scrollbar-thumb{background-color:#d1d5db}.dev-article-content__toc-list::-webkit-scrollbar-thumb:hover{background-color:#8b95a3}.dev-article-content__toc-link{display:block;padding:7px 0 7px 16px;border-left:2px solid #eaecf0;font-size:13px;line-height:1.45;font-weight:500;color:#475467;text-decoration:none;transition:color .16s ease,border-left-color .16s ease}.dev-article-content__toc-link:hover,.dev-article-content__toc-link:focus-visible{color:#213d8e;outline:none}.dev-article-content__toc-item--h3 .dev-article-content__toc-link{padding-left:28px;font-size:12px;color:#6b7280}.dev-article-content__toc-item--h4 .dev-article-content__toc-link{padding-left:40px;font-size:12px;color:#9ca3af}.dev-article-content__toc-item.is-active>.dev-article-content__toc-link{color:#213d8e;font-weight:600;border-left-color:#213d8e}.dev-article-content__share-list{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 -8px;padding:0;list-style:none}.dev-article-content__share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background-color:transparent;color:#213d8e;cursor:pointer;transition:background-color .2s ease,color .2s ease}.dev-article-content__share-btn:hover,.dev-article-content__share-btn:focus-visible{background-color:#eef2fa;color:#213d8e;outline:none}.dev-article-content__share-btn:active{background-color:#dbe3f3}.dev-article-content__share-btn svg{width:16px;height:16px}.dev-article-content__share-icon{display:inline-flex;align-items:center;justify-content:center}.dev-article-content__share-icon[hidden]{display:none}.dev-article-content__share-btn.is-copied{background-color:#ecfdf5;color:#4d7c0f}.dev-article-content__share-feedback{display:block;font-size:11px;line-height:1.3;color:#4d7c0f;min-height:14px;opacity:0;transition:opacity .2s ease}.dev-article-content__share-feedback.is-visible{opacity:1}.dev-article-content__body{font-family:Montserrat,sans-serif;font-size:17px;line-height:1.75;color:#212529;word-wrap:break-word}.dev-article-content__body>*{margin:0}.dev-article-content__body>*+*{margin-top:1.2em}.dev-article-content__body h2{font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.4px;color:#212529;margin-top:2em;scroll-margin-top:calc(var(--dev-article-content-sidebar-top, 50px) + 16px)}.dev-article-content__body h3{font-size:22px;font-weight:700;line-height:1.3;color:#212529;margin-top:1.6em;scroll-margin-top:calc(var(--dev-article-content-sidebar-top, 50px) + 16px)}.dev-article-content__body h4{font-size:18px;font-weight:700;line-height:1.35;color:#212529;margin-top:1.4em;scroll-margin-top:calc(var(--dev-article-content-sidebar-top, 50px) + 16px)}.dev-article-content__body p{color:#212529}.dev-article-content__body a{color:#213d8e;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .16s ease}.dev-article-content__body a:hover{color:#16297a}.dev-article-content__body ul,.dev-article-content__body ol{padding-left:1.5em}.dev-article-content__body li+li{margin-top:.4em}.dev-article-content__body blockquote{margin-left:0;padding:4px 0 4px 20px;border-left:3px solid #8fc745;color:#475467;font-style:italic}.dev-article-content__body img,.dev-article-content__body video{max-width:100%;height:auto;display:block;border-radius:12px}.dev-article-content__body figure{margin:0}.dev-article-content__body figcaption{margin-top:8px;font-size:13px;color:#6b7280}.dev-article-content__body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:2px 6px;background-color:#f4f6fb;border-radius:4px;color:#213d8e}.dev-article-content__body pre{padding:16px 18px;background-color:#f4f6fb;border-radius:10px;overflow-x:auto;font-size:14px;line-height:1.6}.dev-article-content__body pre code{padding:0;background-color:transparent}.dev-article-content__body hr{border:0;border-top:1px solid #eaecf0;margin:2em 0}@media(max-width:749px){.dev-article-content{padding-top:var(--dev-article-content-padding-top-mobile, 24px);padding-bottom:var(--dev-article-content-padding-bottom-mobile, 48px)}.dev-article-content__body{font-size:16px;line-height:1.7}.dev-article-content__body h2{font-size:22px}.dev-article-content__body h3{font-size:19px}.dev-article-content__body h4{font-size:17px}}@media(prefers-reduced-motion:reduce){.dev-article-content__progress-bar,.dev-article-content__share-btn,.dev-article-content__share-feedback,.dev-article-content__toc-link{transition:none}}.dev-article-content__right{position:sticky;top:var(--dev-article-content-right-top, 50px);align-self:start;max-height:calc(100vh - var(--dev-article-content-right-top, 50px) - 40px);display:flex;flex-direction:column;gap:16px;padding-right:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;font-family:Montserrat,sans-serif;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .24s ease}.dev-article-content__right:hover,.dev-article-content__right:focus-within{scrollbar-color:#c1c7d0 transparent}.dev-article-content__right::-webkit-scrollbar{width:6px}.dev-article-content__right::-webkit-scrollbar-track{background:transparent}.dev-article-content__right::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background-color .24s ease}.dev-article-content__right:hover::-webkit-scrollbar-thumb,.dev-article-content__right:focus-within::-webkit-scrollbar-thumb{background-color:#d1d5db}.dev-article-content__right::-webkit-scrollbar-thumb:hover{background-color:#8b95a3}.dev-article-content__right::-webkit-scrollbar-thumb:active{background-color:#6b7280}.dev-article-content__right-title{position:relative;margin:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:17px;line-height:1.25;letter-spacing:-.2px;color:#212529}.dev-article-content__right--certified .dev-article-content__right-title{padding-top:12px}.dev-article-content__right--certified .dev-article-content__right-title:before{content:"";position:absolute;top:0;left:0;width:28px;height:3px;background-color:#8fc745;border-radius:2px}.dev-article-content__right-header{display:flex;flex-direction:column;gap:12px}.dev-article-content__right-header--centered{align-items:center;text-align:center}.dev-article-content__right-header--centered .dev-article-content__right-title{padding-top:14px}.dev-article-content__right-header--centered .dev-article-content__right-title:before{left:50%;transform:translate(-50%)}.dev-article-content__right-cert{display:block;width:72px;height:72px;padding:6px;object-fit:contain;border-radius:50%;background-color:#f4f6fb;border:1px solid #eaecf0}.dev-article-content__right-cards{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.dev-article-content__right-cards>li{display:block}.dev-article-content__right-card{position:relative;display:flex;flex-direction:column;border:1px solid #eaecf0;border-radius:14px;background-color:#fff;overflow:hidden;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.dev-article-content__right-card:hover{border-color:#c8d2e6;box-shadow:0 14px 32px -8px #213d8e2e;transform:translateY(-2px)}.dev-article-content__right-card:focus-within{border-color:#213d8e;box-shadow:0 0 0 3px #213d8e26}.dev-article-content__right-card__media{position:relative;display:block;width:100%;aspect-ratio:4 / 3;background-color:#f4f6fb;overflow:hidden;text-decoration:none}.dev-article-content__right-card__img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.dev-article-content__right-card:hover .dev-article-content__right-card__img{transform:scale(1.06)}.dev-article-content__right-card__badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;z-index:2;padding:5px 11px;border-radius:999px;background:linear-gradient(135deg,#213d8e,#2c52b1);font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.8px;text-transform:uppercase;color:#fff;box-shadow:0 4px 12px #213d8e52}.dev-article-content__right-card__body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px}.dev-article-content__right-card__title{margin:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;line-height:1.3;color:#212529}.dev-article-content__right-card__title a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.dev-article-content__right-card__title a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}.dev-article-content__right-card:hover .dev-article-content__right-card__title a{color:#213d8e}.dev-article-content__right-card__rating{display:inline-flex;align-items:center;gap:6px}.dev-article-content__right-card__stars{display:inline-flex;align-items:center;gap:1px}.dev-article-content__right-card__stars svg{width:13px;height:13px}.dev-article-content__right-card__rating-text{font-size:12px;font-weight:700;color:#212529;font-variant-numeric:tabular-nums}.dev-article-content__right-card__rating-count{font-weight:500;color:#6b7280;margin-left:1px}.dev-article-content__right-card__desc{font-size:13px;line-height:1.55;color:#475467;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dev-article-content__right-card__price-row{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}.dev-article-content__right-card__price{font-family:Montserrat,sans-serif;font-weight:800;font-size:17px;line-height:1.2;color:#213d8e;font-variant-numeric:tabular-nums}.dev-article-content__right-card__price-was{font-size:13px;font-weight:500;color:#9ca3af;text-decoration:line-through;text-decoration-thickness:1px}.dev-article-content__right-card__cta{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:10px 14px;border-radius:10px;background-color:#f4f6fb;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#213d8e;text-decoration:none;transition:background-color .22s ease,color .22s ease}.dev-article-content__right-card__cta-arrow{width:14px;height:10px;flex-shrink:0;transition:transform .22s ease}.dev-article-content__right-card:hover .dev-article-content__right-card__cta,.dev-article-content__right-card__cta:hover,.dev-article-content__right-card__cta:focus-visible{background-color:#213d8e;color:#fff;outline:none}.dev-article-content__right-card:hover .dev-article-content__right-card__cta-arrow,.dev-article-content__right-card__cta:hover .dev-article-content__right-card__cta-arrow{transform:translate(3px)}.dev-article-content__right-card__cta--primary{background-color:#213d8e;color:#fff}.dev-article-content__right-card__cta--primary:hover,.dev-article-content__right-card__cta--primary:focus-visible,.dev-article-content__right-card:hover .dev-article-content__right-card__cta--primary{background-color:#162a66}.dev-article-content__right-card--mini .dev-article-content__right-card__media{aspect-ratio:1 / 1}.dev-article-content__right-card--mini .dev-article-content__right-card__body{padding:12px 12px 14px;gap:6px}.dev-article-content__right-card--mini .dev-article-content__right-card__title{font-size:13px}.dev-article-content__right-card--mini .dev-article-content__right-card__price{font-size:14px}.dev-article-content__right-card--mini .dev-article-content__right-card__price-was{font-size:11px}.dev-article-content__right-card--mini .dev-article-content__right-card__cta{padding:8px 10px;font-size:11px;letter-spacing:.4px}.dev-article-content__right-card--mini .dev-article-content__right-card__cta-arrow{width:12px;height:9px}.dev-article-content__right-card--mini .dev-article-content__right-card__rating svg{width:11px;height:11px}.dev-article-content__right-card--mini .dev-article-content__right-card__badge{top:8px;left:8px;padding:3px 8px;font-size:9px}.dev-article-content__right-cards--compact{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dev-article-content__right-card--hero .dev-article-content__right-card__media{aspect-ratio:4 / 3}.dev-article-content__right-card--hero .dev-article-content__right-card__body{padding:18px 18px 20px;gap:12px}.dev-article-content__right-card--hero .dev-article-content__right-card__title{font-size:17px;line-height:1.25}.dev-article-content__right-card--hero .dev-article-content__right-card__title a{-webkit-line-clamp:3}.dev-article-content__right-card--hero .dev-article-content__right-card__price{font-size:19px}.dev-article-content__right-card--hero .dev-article-content__right-card__cta{padding:12px 16px;font-size:13px}.dev-article-content__right-collection{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;text-decoration:none;background-color:#213d8e;transition:box-shadow .24s ease,transform .24s ease}.dev-article-content__right-collection:hover{box-shadow:0 18px 36px -10px #213d8e52;transform:translateY(-2px)}.dev-article-content__right-collection__media{position:relative;display:block;width:100%;aspect-ratio:4 / 3;background-color:#f4f6fb;overflow:hidden}.dev-article-content__right-collection__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a00 40%,#0f172ab8);pointer-events:none}.dev-article-content__right-collection__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.dev-article-content__right-collection:hover .dev-article-content__right-collection__img{transform:scale(1.05)}.dev-article-content__right-collection__body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:18px 18px 20px;z-index:1}.dev-article-content__right-collection__title{margin:0;font-family:Montserrat,sans-serif;font-weight:800;font-size:18px;line-height:1.2;letter-spacing:-.2px;color:#fff}.dev-article-content__right-collection__title a{color:inherit;text-decoration:none}.dev-article-content__right-collection__title a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dev-article-content__right-collection__count{font-size:12px;font-weight:600;color:#ffffffd9;letter-spacing:.2px}.dev-article-content__right-collection__cta{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fff;text-decoration:none}.dev-article-content__right-collection__cta svg{width:7px;height:11px;transition:transform .22s ease}.dev-article-content__right-collection:hover .dev-article-content__right-collection__cta svg{transform:translate(3px)}.dev-article-content__right-more-link{position:relative;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:4px 0;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.2px;color:#4d7c0f;text-decoration:none}.dev-article-content__right-more-link svg{width:8px;height:12px;transition:transform .22s ease}.dev-article-content__right-more-link:hover svg{transform:translate(3px)}.dev-article-content__right-consult{position:relative;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:4px;padding:4px 0;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:.3px;line-height:1.4;color:#213d8e;text-decoration:none;background:none;border:0;border-radius:0}.dev-article-content__right-consult:hover,.dev-article-content__right-consult:focus-visible{color:#162a66;outline:none}.dev-article-content__right-consult-label{white-space:normal}.dev-article-content__right-consult-arrow{width:12px;height:9px;flex-shrink:0;transition:transform .24s ease}.dev-article-content__right-consult:hover .dev-article-content__right-consult-arrow,.dev-article-content__right-consult:focus-visible .dev-article-content__right-consult-arrow{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.dev-article-content__right-consult-arrow{transition:none}}@media(prefers-reduced-motion:reduce){.dev-article-content__right-card,.dev-article-content__right-card__img,.dev-article-content__right-card__cta,.dev-article-content__right-card__cta-arrow,.dev-article-content__right-collection,.dev-article-content__right-collection__img,.dev-article-content__right-collection__cta svg,.dev-article-content__right-more-link svg{transition:none}}@media(max-width:1279px){.dev-article-content__right{display:none}.dev-article-content--left.dev-article-content--right .dev-article-content__layout{grid-template-columns:var(--dev-article-content-sidebar-width, 220px) minmax(0,var(--dev-article-content-body-max, 720px));gap:var(--dev-article-content-sidebar-gap, 64px)}.dev-article-content--right:not(.dev-article-content--left) .dev-article-content__layout{grid-template-columns:1fr}.dev-article-content--right:not(.dev-article-content--left) .dev-article-content__body{max-width:var(--dev-article-content-body-max, 720px);margin-inline:auto;width:100%}}@media(max-width:1023px){.dev-article-content--left .dev-article-content__layout,.dev-article-content--right .dev-article-content__layout,.dev-article-content--left.dev-article-content--right .dev-article-content__layout{grid-template-columns:1fr;gap:0}.dev-article-content--left .dev-article-content__body,.dev-article-content--right .dev-article-content__body{max-width:var(--dev-article-content-body-max, 720px);margin-inline:auto;width:100%}.dev-article-content__sidebar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dev-article-content.css.map */