/* common variate */
:root {--article-white: #FFFFFF;--article-black: #000000;--article-gray-1: #444444;--article-gray-3: #787878;--article-gray-4: #A1A1A1;--article-gray-5: #C0C0C0;--article-gray-6: #E2E2E2;--article-gray-7: #F0F0F0;--article-gray-8: #F5F5F5;--article-right: #006dff;--article-wrong: #DE1E00;}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "HarmonyOS Sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
[lang="ja"] body, [lang="ja"] h1, [lang="ja"] h2, [lang="ja"] h3, [lang="ja"] h4, [lang="ja"] h5, [lang="ja"] h6, [lang="ja"] .h1, [lang="ja"] .h2, [lang="ja"] .h3, [lang="ja"] .h4, [lang="ja"] .h5, [lang="ja"] .h6 {font-family: "Noto Sans JP", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
[lang="ko"] body, [lang="ko"] h1, [lang="ko"] h2, [lang="ko"] h3, [lang="ko"] h4, [lang="ko"] h5, [lang="ko"] h6, [lang="ko"] .h1, [lang="ko"] .h2, [lang="ko"] .h3, [lang="ko"] .h4, [lang="ko"] .h5, [lang="ko"] .h6 {font-family: "Noto Sans KR", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: var(--article-black);}
main img {max-width: 100%;height: auto;}
main, a {color: var(--article-gray-1);}
a:hover {color: var(--article-primary);}
.border-radius-10 {border-radius: 10px;}
.border-bottom {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}

@media (min-width: 1025px) {
  .col-xl-3[name="left-sidebar"], 
  .col-xl-3[name="right-sidebar"] {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  [name="left-sidebar"] ~ .col-xl-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

/* article common */
address, 
address > div, 
address > div:last-child span {display: flex;align-items: center;}
address {justify-content: space-between;margin-top: 4rem;margin-bottom: 4rem;}
address > div:last-child {flex: 1 1 auto;max-width: 100%;justify-content: flex-end;}
address figure {flex: 0 0 3rem;width: 3rem;height: 3rem;border-radius: 50%;margin-right: .75rem;margin-bottom: 0;overflow: hidden;}
address figure img {width: 3rem;height: 3rem;}
address a, 
address b, 
address span {display: block;}
address a:hover * {color: var(--article-primary);}
address b {margin-bottom: .25rem;font-size: 16px;line-height: 1.25;color: var(--article-black);}
address span {font-size: 14px;line-height: 1.14286;color: var(--article-gray-4);}
address strong {color: var(--article-black);}
address > div:last-child span, 
address > div:last-child strong {font-size: 16px;line-height: 1.5;white-space: nowrap;}
address > div:last-child a {margin-left: 1rem;color: var(--article-black);}
address i {margin-left: 1.5rem;margin-right: .5rem;}
address.address-data {margin-bottom: 4rem;}
address.address-data > div:first-child {flex: 0 0 66.66667%;max-width: 66.66667%;}
address.address-share-sidebar {flex-wrap: wrap;margin: 0;}
address.address-share-sidebar > div:last-child {justify-content: flex-start;align-items: flex-start;margin-top: 12px;}
address.address-share-sidebar > div:last-child strong {margin-top: 12px;white-space: nowrap;}
address.address-share-sidebar > div:last-child strong ~ * {display: inline-flex;flex-wrap: wrap;align-items: center;}
address.address-share-sidebar > div:last-child strong ~ * > * {margin-top: 12px;}
address.address-share-sidebar b {margin-top: .25rem;margin-bottom: 0;}
.breadcrumb {background-color: transparent;padding: 0;margin: 0 0 4rem;}
.breadcrumb-item.active {color: var(--article-gray-1)}
.breadcrumb-item + .breadcrumb-item {padding-left: .25rem}
.breadcrumb-item + .breadcrumb-item::before {content: "";position: relative;top: 50%;display: block;padding-right: 1.25rem;width: 1rem;height: 1rem;background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJMMTAgOEw2IDQiIHN0cm9rZT0iIzAwMDAwMCIvPgo8L3N2Zz4=);background-position: calc(100% - 。25rem) 50%;background-size: 1rem 1rem;background-repeat: no-repeat;transform: translateY(-50%);color: var(--article-gray-1);}
.breadcrumb-item, .breadcrumb-item a {font-size: 14px;line-height: 1.71429;}
.article-2022 .breadcrumb {margin: 0 0 2.5rem;}
.article-2022 details {pointer-events: none;}
.article-2022 summary {cursor: auto;}
.article-2022 summary::marker {font-size: 0;}
.article-2022 > details {margin: 1rem 0 2rem;}
.article-2022 > details summary {font-size: 1.5rem;line-height: 1.33334;color: var(--article-gray-4);}
.article-2022 .help {display: flex;justify-content: center;align-items: center;background-color: rgba(0, 109, 255, 0.1);border-radius: .5rem;padding: .75rem;margin: 4rem auto;}
.article-2022 .help b {margin-left: .5rem;margin-right: 1rem;font-size: 1.125rem;line-height: 1.33334;color: var(--article-black);}
.article-2022 .help button {min-width: 3rem;background-color: var(--article-gray-6);border: 0;border-radius: .5rem;padding: .5rem .625rem;margin: 0 .5rem;font-size: 16px;line-height: 1.5;text-align: center;outline: none;box-shadow: none;transition: all .3s;}
.article-2022 .help button:hover {background-color: rgba(0, 109, 255, 0.2);}
.article-2022 .faq {margin-top: 4rem;margin-bottom: 4rem;}
.article-2022 .faq h4, 
.article-2022 .faq h5, 
.article-2022 .faq ul {list-style: none;padding: 0;margin: 0;}
.article-2022 .faq li {border-bottom: 1px solid rgba(0, 0, 0, 0.2);padding: 2rem 0;}
.article-2022 .faq li:nth-child(n+10) {display: none;position: fixed;top: -100vh;left: -100vw;}
.article-2022 .faq h5 {display: flex;justify-content: space-between;align-items: center;margin-right: -1rem;font-size: 1.125rem;line-height: 1.33334;transition: all .3s;}
.article-2022 .faq h5 i {display: block;flex: 0 0 16px;width: 16px;height: 16px;-webkit-clip-path: url(#symbolArrowPath);clip-path: url(#symbolArrowPath);background-color: var(--article-black);margin: 0 16px;transition: all .3s;}
.article-2022 .faq h5:hover {text-decoration: underline;cursor: pointer;color: var(--article-primary);}
.article-2022 .faq h5:hover i {background-color: var(--article-primary);}
.article-2022 .faq h5 ~ div {display: none;padding-top: 1rem;}
.article-2022 .faq h5[open] i {transform: rotate(180deg);}
.article-2022 .related {margin: 4rem auto;}
.article-2022 .related h3 {margin-bottom: 2rem;}
.article-2022 .related ul {padding-left: 0;margin-bottom: 0;list-style: none;}
.article-2022 .related li {margin-top: 1.5rem;font-size: 1.125rem;line-height: 1.33334;}
.article-2022 .related li > a {align-items: center;margin-bottom: 0;}
.article-2022 .related figure {flex: 0 0 8.125rem;width: 8.125rem;height: 4.5625rem;margin: 0 1.5rem 0 0;}
.article-2022 .related figure img {width: 8.125rem;height: 4.5625rem;border-radius: .25rem;margin: 0;box-shadow: none;}
.article-2022 .pro-related {max-height: 270px;border-radius: .625rem;overflow: hidden;}

/* article body */
.article-2022 > h1, 
.article-2022 > nav, 
.article-2022 > details, 
.article-2022 > address, 
.article-2022 article, 
.article-2022 article ~ * {max-width: 700px;margin-left: auto;margin-right: auto;}
.article-2022 article * {font-size: 1.125rem;line-height: 1.44445;color: var(--article-gray-1);} 
.article-2022 article h1, 
.article-2022 article h2, 
.article-2022 article h3, 
.article-2022 article h4, 
.article-2022 article h5, 
.article-2022 article h6 {margin-top: 3rem;color: var(--article-black);}
.article-2022 h1, 
.article-2022 article h1 {margin-top: 0;font-size: 3rem;line-height: 1.16667;}
.article-2022 article h2, 
.article-2022 article h3 {margin-bottom: 1.5rem;}
.article-2022 article h2 {font-size: 2.25rem;line-height: 1.22223;}
.article-2022 article h3 {font-size: 1.75rem;line-height: 1.28571;}
.article-2022 article h4, 
.article-2022 article h5 {margin-bottom: 1rem;}
.article-2022 article h4 {font-size: 1.5rem;line-height: 1.33334;}
.article-2022 article h5 {font-size: 1.125rem;line-height: 1.44445;}
.article-2022 article h6 {margin-top: 1.5rem;margin-bottom: .5rem;font-size: 16px;line-height: 1.5;}
.article-2022 article a, 
.article-2022 article a * {color: var(--article-primary);}
.article-2022 article a:hover, 
.article-2022 article a:hover * {color: var(--article-primary);}
.article-2022 article a.btn-fill, 
.article-2022 article a.btn-lg-fill, 
[data-dev="desktop"] .article-2022 article a[href*=".exe"], 
[data-dev="desktop"] .article-2022 article a[href*=".dmg"], 
[data-dev="desktop"] .article-2022 article a[href*=".zip"], 
[data-dev="desktop"] .article-2022 article a[href*=".pkg"] {display: inline-flex;justify-content: center;align-items: center;background-color: var(--article-primary);border: 2px solid var(--article-primary);border-radius: 4px;padding: 8px 24px;font-size: 16px;font-weight: 700;line-height: 1.75;text-align: center;vertical-align: middle;text-decoration: none;user-select: none;color: var(--article-btn-fill-text);}
.article-2022 article a.btn-fill:hover, 
.article-2022 article a.btn-lg-fill:hover, 
[data-dev="desktop"] .article-2022 article a[href*=".exe"]:hover, 
[data-dev="desktop"] .article-2022 article a[href*=".dmg"]:hover, 
[data-dev="desktop"] .article-2022 article a[href*=".zip"]:hover, 
[data-dev="desktop"] .article-2022 article a[href*=".pkg"]:hover {background-color: var(--article-primary-4);border-color: var(--article-primary-4);}
.article-2022 article a.btn-outline, 
.article-2022 article a.btn-lg-outline {display: inline-block;background-color: transparent;border: 2px solid var(--article-primary);border-radius: 4px;padding: 8px 24px;font-size: 16px;font-weight: 700;line-height: 1.75;text-align: center;vertical-align: middle;text-decoration: none;user-select: none;color: var(--article-primary);}
.article-2022 article a.btn-outline:hover, 
.article-2022 article a.btn-lg-outline:hover {background-color: var(--article-primary);border-color: var(--article-primary);color: var(--article-btn-fill-text);}
.article-2022 article a.btn-lg-fill, 
.article-2022 article a.btn-lg-outline {padding-top: 16px!important;padding-bottom: 16px!important;font-size: 18px!important;line-height: 1.55556!important;}
.article-2022 article a ~ label {display: block;margin: 12px 0 0;font-size: 14px;line-height: 1.14286;text-align: center;color: var(--article-gray-4);}
[data-dev="desktop"] .article-2022 article a[href*=".exe"] i, 
[data-dev="desktop"] .article-2022 article a[href*=".dmg"] i, 
[data-dev="desktop"] .article-2022 article a[href*=".zip"] i, 
[data-dev="desktop"] .article-2022 article a[href*=".pkg"] i {display: inline-flex;align-items: center;height: 1.25rem;margin-right: .5rem;color: var(--article-btn-fill-text);}
[data-dev="desktop"] .article-2022 article a[href*=".exe"] i *, 
[data-dev="desktop"] .article-2022 article a[href*=".dmg"] i *, 
[data-dev="desktop"] .article-2022 article a[href*=".zip"] i *, 
[data-dev="desktop"] .article-2022 article a[href*=".pkg"] i * {color: var(--article-btn-fill-text);}
[data-sys="mac"] .article-2022 article a[href*=".exe"], 
[data-sys="auto"] .article-2022 article a[href*=".dmg"], 
[data-sys="auto"] .article-2022 article a[href*=".zip"], 
[data-sys="auto"] .article-2022 article a[href*=".pkg"], 
[data-sys="win"] .article-2022 article a[href*=".dmg"], 
[data-sys="win"] .article-2022 article a[href*=".zip"], 
[data-sys="win"] .article-2022 article a[href*=".pkg"], 
[data-sys="ios"] .article-2022 article a[href*=".dmg"], 
[data-sys="ios"] .article-2022 article a[href*=".zip"], 
[data-sys="ios"] .article-2022 article a[href*=".pkg"], 
[data-sys="android"] .article-2022 article a[href*=".dmg"], 
[data-sys="android"] .article-2022 article a[href*=".zip"], 
[data-sys="android"] .article-2022 article a[href*=".pkg"], 
[data-sys="ios"] .article-2022 article a[href*=".exe"] i, 
[data-sys="ios"] .article-2022 article a[href*=".dmg"] i, 
[data-sys="ios"] .article-2022 article a[href*=".zip"] i, 
[data-sys="ios"] .article-2022 article a[href*=".pkg"] i, 
[data-sys="android"] .article-2022 article a[href*=".exe"] i, 
[data-sys="android"] .article-2022 article a[href*=".dmg"] i, 
[data-sys="android"] .article-2022 article a[href*=".zip"] i, 
[data-sys="android"] .article-2022 article a[href*=".pkg"] i, 
[data-sys="mac"] .article-2022 article a[href*=".exe"] ~ label, 
[data-sys="win"] .article-2022 article a[href*=".dmg"] ~ label, 
[data-sys="win"] .article-2022 article a[href*=".zip"] ~ label, 
[data-sys="win"] .article-2022 article a[href*=".pkg"] ~ label, 
[data-sys="auto"] .article-2022 article a ~ label, 
[data-sys="ios"] .article-2022 article a ~ label, 
[data-sys="android"] .article-2022 article a ~ label {display: none;}
.article-2022 article p {margin-bottom: 1rem;}
.article-2022 article br {font-size: 0;line-height: .5rem!important;margin: 0;}
.article-2022 article img {max-width: 100%;height: auto;}
.article-2022 article mark {background-color: var(--article-primary-2);border-radius: .25rem;padding: 0 0.2em;}
.article-2022 article figure {margin: 2rem 0;}
.article-2022 article figure img {max-width: 100%;max-height: 28.125rem;border-radius: .625rem;margin: 0;box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.15);}
.article-2022 article figure figcaption {margin-top: .75rem;font-size: 14px;line-height: 1.14286;color: var(--article-gray-4);}
.article-2022 article fieldset {display: block;border: 1px dashed var(--article-primary);border-radius: .625rem;padding: 0 1.5rem .5rem;margin: 3rem 0;}
.article-2022 article fieldset * {font-size: 16px;line-height: 1.375;}
.article-2022 article fieldset legend {display: inline-block;width: auto;background-color: var(--article-primary);border-radius: .25rem;padding: .375rem .75rem;margin: 0;font-size: 1.125rem;font-weight: 700;line-height: 1.44445;color: var(--article-btn-fill-text);}
.article-2022 article fieldset p {margin: 24px 0 16px;}
.article-2022 article fieldset h6 ~ p {margin: 0 0 16px;}
.article-2022 article .btn-groups {display: flex;justify-content: center;margin: 2rem -8px;}
.article-2022 article .btn-groups > * > a {margin: 0 8px;}
.article-2022 article .btn-groups > *.show, 
.article-2022 article .btn-groups > *.show > a, 
.article-2022 article .btn-groups > *.show > a ~ label {display: block;}
.article-2022 article .video {background-image: none!important;background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: .625rem;box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.15);}
.article-2022 article .video.embed-responsive.embed-responsive-9by21::before {padding-top: 42.85714%;}
.article-2022 article .video.embed-responsive.embed-responsive-9by16::before {padding-top: 56.25%;}
.article-2022 article .video.embed-responsive.embed-responsive-3by4::before {padding-top: 75%;}
.article-2022 article .step-fill > span, 
.article-2022 article .step-no-fill > span {display: inline-block;border-radius: .25rem;padding: .375rem;margin-right: 0.75rem;}
.article-2022 article .step-fill > span {background-color: var(--article-secondary);color: var(--article-white);font-size: 16px;line-height: 1.25;text-transform: uppercase;}
.article-2022 article .step-no-fill > span {background-color: transparent;color: var(--article-black);font-size: 18px;line-height: 1.33334;text-transform: capitalize;}
.article-2022 article .step span, 
.article-2022 article .step b {display: inline-block;font-size: 16px;line-height: 1.75;}
.article-2022 article .step span {border: 2px solid var(--article-secondary);border-radius: .25rem;padding-right: .3125rem;margin-right: .75rem;color: var(--article-black);}
.article-2022 article .step b {background-color: var(--article-secondary);padding: 0 .3125rem;margin-right: .3125rem;color: var(--article-white);}
.article-2022 article .note {display: flex;align-items: flex-start;background-color: var(--article-primary-2);border: 1px dashed var(--article-primary);border-radius: .625rem;padding: 1.5rem;margin: 1.5rem 0;}
.article-2022 article .note * {font-size: 16px;line-height: 1.5;}
.article-2022 article .note img {margin-top: .5rem;margin-right: 1rem;}
.article-2022 article .pros-cons {display: flex;margin: 1rem -.9375rem 0;}
.article-2022 article .pros-cons fieldset {display: inline-block;width: calc(50% - 1.875rem);border: 1px solid rgba(0, 0, 0, 0.2);padding: 1rem 1.5rem;margin: 1rem .9375rem 0;}
.article-2022 article .pros-cons fieldset legend {display: inline-flex;align-items: center;background-color: var(--article-white);padding: .125rem .5rem;font-size: 1.125rem;line-height: 1.33334;white-space: nowrap;}
.article-2022 article .pros-cons fieldset.pros legend {color: #00B97C;}
.article-2022 article .pros-cons fieldset.cons legend {color: #DE1E00;}
.article-2022 article .pros-cons fieldset legend svg {margin-left: .25rem;}
.article-2022 article .pros-cons fieldset legend ~ * {padding-left: 1.5rem;margin: 0;white-space: normal;}
.article-2022 article .pros-cons fieldset legend ~ * > * {margin-bottom: .5rem;font-size: 14px;line-height: 1.14286;}
.article-2022 article .pros-cons fieldset legend ~ * > *::marker {font-size: 10px;}
.article-2022 article .list-none {list-style: none;padding-left: 0;margin-bottom: 2rem;}
.article-2022 article .list-num, 
.article-2022 article .list-disc, 
.article-2022 article .list-right, 
.article-2022 article .list-wrong, 
.article-2022 article .list-asterisk {padding-left: 24px;margin: 2rem 0;}
.article-2022 article .list-num li, 
.article-2022 article .list-disc li, 
.article-2022 article .list-right li, 
.article-2022 article .list-wrong li, 
.article-2022 article .list-asterisk li {position: relative;margin-bottom: .75rem;font-size: 16px;line-height: 1.25;}
.article-2022 article .list-num li::marker, 
.article-2022 article .list-disc li::marker, 
.article-2022 article .list-right li::marker, 
.article-2022 article .list-wrong li::marker, 
.article-2022 article .list-asterisk li::marker {font-size: 0;}
.article-2022 article .list-num {counter-reset: olNum;}
.article-2022 article .list-num li::before {counter-increment: olNum;content: counter(olNum);position: absolute;top: 2px;left: -24px;z-index: -1;width: 16px;height: 16px;background-color: var(--article-primary);border-radius: 50%;font-size: 14px;line-height: 1.14286;font-weight: 700;text-align: center;color: var(--article-white);}
.article-2022 article .list-disc li::before {content: "";position: absolute;top: 7px;left: -20px;z-index: -1;width: .375rem;height: .375rem;background-color: var(--article-primary);border-radius: 50%;}
.article-2022 article .list-right li::before {content: "";position: absolute;top: 2px;left: -24px;width: 16px;height: 16px;-webkit-clip-path: url(#symbolRightPath);clip-path: url(#symbolRightPath);background-color: var(--article-primary);}
.article-2022 article .list-wrong li::before {content: "";position: absolute;top: 2px;left: -24px;width: 16px;height: 16px;-webkit-clip-path: url(#symbolWrongPath);clip-path: url(#symbolWrongPath);background-color: var(--article-wrong);}
.article-2022 article .list-asterisk li::before {content: "";position: absolute;top: 2px;left: -24px;width: 16px;height: 16px;-webkit-clip-path: url(#symbolAsteriskPath);clip-path: url(#symbolAsteriskPath);background-color: var(--article-primary);}
.article-2022 article .cols {display: flex;margin: 1rem -.9375rem 0;}
.article-2022 article .cols > * {display: inline-block;width: calc(50% - 1.875rem);margin: 1rem .9375rem 0;}
.article-2022 article .related {border-style: solid;border-color: rgba(0, 0, 0, 0.2);border-width: 1px 0;margin: 3rem 0 4rem;}
.article-2022 article .related > *:last-child {padding-left: 0;margin-bottom: 4rem;list-style: none;}
.article-2022 article .related > *:last-child > * {margin-top: 0;margin-bottom: 1rem;line-height: 1.44445;}
.article-2022 article .related h4 {margin-bottom: 1.5rem;}
.article-2022 article .related a {color: var(--article-gray-1);}
.article-2022 article .related a:hover {color: var(--article-primary);}
.article-2022 .related h3 ~ ul > li a {display: inline-flex;}
.article-2022 article .table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;padding: 1px;margin: 2rem 0;}
.article-2022 article .table table {width: 100%;border-radius: .25rem;border-collapse: collapse;margin: 0;box-shadow: 0 0 0 1px var(--article-gray-5);overflow: hidden;}
.article-2022 article .table table td {border: 0;border-top: 1px solid var(--article-gray-5);border-right: 1px solid var(--article-gray-5);padding: .625rem 1rem;font-size: 16px;line-height: 1.25;vertical-align: middle;}
.article-2022 article .table table td:last-child {padding: .625rem 2rem;}
.article-2022 article .table table tr:first-child * {background-color: var(--article-secondary);border: 0;border-top: 1px solid var(--article-secondary);border-right: 1px solid var(--article-secondary);font-weight: 700;line-height: 1.75;white-space: nowrap;color: var(--article-white);}
.article-2022 article .table table td:last-child, .article-2022 article .table table tr:first-child * {border-right: 0;}
.article-2022 article .table table tr:nth-child(even) {background-color: var(--article-white);}
.article-2022 article .table table tr:nth-child(odd) {background-color: var(--article-gray-7);}
.article-2022 article .table table tr.table-self {background-color: var(--article-primary-2);}
.article-2022 article .table table svg {display: block;margin: auto;}
.article-2022 article .pro-list {margin: 3rem 0 4rem;}
.article-2022 article .pro-list .item {border-bottom: 1px solid rgba(0, 0, 0, 0.2);margin-top: 2rem;}
.article-2022 article .pro-list .item figure {flex: 0 0 5rem;width: 5rem;height: 5rem;margin: 0;}
.article-2022 article .pro-list .item figure img {width: 5rem;height: 5rem;border-radius: 0;box-shadow: none;}
.article-2022 article .pro-list .item div {display: flex;align-items: center;}
.article-2022 article .pro-list .item > div {justify-content: space-between;}
.article-2022 article .pro-list .item > div > div {flex: 0 0 70%;max-width: 70%;margin-right: 2rem;}
.article-2022 article .pro-list .item figure ~ * {display: block;margin-left: 1rem;}
.article-2022 article .pro-list .item b {display: block;margin-bottom: .5rem;font-size: 1.25rem;line-height: 1.4;color: var(--article-black);}
.article-2022 article .pro-list .item details summary {display: block;font-size: 16px;line-height: 1.25;}
.article-2022 article .pro-list .item p {margin: 1.5rem 0 2rem;line-height: 1.55556;}
.article-2022 article .pro-table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 1.5rem 0 4rem;}
.article-2022 article .pro-table table {width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.2);border-radius: .25rem;border-collapse: collapse;margin: 0;}
.article-2022 article .pro-table table td {width: 50%;border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.2);padding: 1.5rem 0;font-size: 14px;line-height: 1.42858;vertical-align: top;}
.article-2022 article .pro-table table tr:last-child td {border-bottom: 0;}
.article-2022 article .pro-table table td:first-child {border-right: 1.875rem solid transparent;}
.article-2022 article .pro-table table td:last-child {border-left: 1.875rem solid transparent;}
.article-2022 article .pro-table table tr:first-child td, 
.article-2022 article .pro-table table tr:last-child td {text-align: center;}
.article-2022 article .pro-table table strong {color: var(--article-black);}
.article-2022 article .pro-table table b {display: block;margin-bottom: 1rem;font-size: 1.125rem;line-height: 1.11112;color: var(--article-black);}
.article-2022 article .pro-table table figure ~ b {margin-bottom: .5rem;font-size: 1.25rem;line-height: 1.4;color: var(--article-black);}
.article-2022 article .pro-table table figure {margin: 0 0 1rem;}
.article-2022 article .pro-table table figure img {width: 5rem;height: 5rem;border-radius: 0;box-shadow: none;}
.article-2022 article .pro-table table details {margin-bottom: 1rem;}
.article-2022 article .pro-table table details summary {font-size: 16px;line-height: 1.25}
.article-2022 article .pro-table table .grade {display: block;height: 1.5rem;background-image: var(--article-product-grade);background-position: center center;background-repeat: no-repeat;background-size: auto 100%;}
.article-2022 article .pro-table table ol, 
.article-2022 article .pro-table table ul {margin: 0;}
.article-2022 article .pro-table table ol li, 
.article-2022 article .pro-table table ul li, 
.article-2022 article .pro-table table ol li > *, 
.article-2022 article .pro-table table ul li > * {font-size: 14px;line-height: 1.42858;}
.article-2022 article .pro-table table ol li, 
.article-2022 article .pro-table table ul li {margin-bottom: .625rem;}
.article-2022 article .pro-table table ol li:last-child, 
.article-2022 article .pro-table table ul li:last-child {margin-bottom: 0;}
.article-2022 article .pro-table table ul.list-right li::before {background-color: var(--article-right);}
.article-2022 article .pro-card {display: flex;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: .625rem;margin: 2rem 0;box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.1);overflow: hidden;}
.article-2022 article .pro-card > *:first-child {display: flex;flex-direction: column;justify-content: space-between;padding: 2rem;}
.article-2022 article .pro-card strong {display: block;margin-bottom: 1rem;font-size: 1.5rem;line-height: 1.16667;color: var(--article-black);}
.article-2022 article .pro-card details {margin-bottom: 1.5rem;}
.article-2022 article .pro-card details summary {font-size: 1.125rem;line-height: 1.55556;}
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".exe"], 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".dmg"], 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".zip"], 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".pkg"] {padding-top: 16px;padding-bottom: 16px;font-size: 18px;line-height: 1.55556;}
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".exe"] ~ a:last-child, 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".dmg"] ~ a:last-child, 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".zip"] ~ a:last-child, 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".pkg"] ~ a:last-child {display: inline-block;margin: 1rem 1.5rem;font-size: 18px;line-height: 1.55556;}
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".exe"] ~ a:last-child::after, 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".dmg"] ~ a:last-child::after, 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".zip"] ~ a:last-child::after, 
[data-dev="desktop"] .article-2022 article .pro-card a[href*=".pkg"] ~ a:last-child::after {content: " >";}
.article-2022 article .pro-card figure {display: flex;flex: 0 0 auto;width: auto;max-width: 100%;justify-content: center;align-items: center;background-color: var(--article-primary-2);padding: 2rem 0;margin: 0;}
.article-2022 article .pro-card figure img {border-radius: 0;box-shadow: none;}
.article-2022 article .pro-card figure img[src*="box"] {display: inline-block;}
.article-2022 article .pro-card figure img[src*="logo"] {display: none;}
.article-2022 article .article-anchor {position: relative;background: var(--article-gray-8);border-radius: .625rem;padding: 1.5rem;margin: 2rem 0;}
.article-2022 article .article-anchor button {position: absolute;top: 1.5rem;right: 1.5rem;width: 16px;height: 16px;background-color: transparent;background-position: center center;background-repeat: no-repeat;background-size: 16px 16px;border: 0;outline: none;box-shadow: none;background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgOEgxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTggNUw4IDExIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cmVjdCB4PSIxIiB5PSItMSIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNCkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=);}
.article-2022 article .article-anchor button[open] {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgOEgxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHJlY3QgeD0iMSIgeT0iLTEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTQpIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+);}
.article-2022 article .article-anchor a {font-size: 16px;line-height: 1.25;transition: none;color: var(--article-gray-1);}
.article-2022 article .article-anchor a:hover {color: var(--article-primary);}
.article-2022 article .article-anchor > h5 {margin-top: 0;margin-bottom: 1.25rem;line-height: 1.22223;}
.article-2022 article .article-anchor > ol {counter-reset: order-num;padding-left: 0;margin: -.5rem 0;}
.article-2022 article .article-anchor > ol > li {position: relative;padding: .5rem 0 .5rem 2rem;font-size: 16px;line-height: 1.25;}
.article-2022 article .article-anchor > ol > li::marker {font-size: 0;}
.article-2022 article .article-anchor > ol > li::before {counter-increment: order-num;content: counter(order-num, decimal-leading-zero);position: absolute;left: 0;top: .5rem;font-size: 16px;font-weight: 700;line-height: 1.25;color: var(--article-primary);}
.article-2022 article .article-anchor > ol > li > div {display: inline-block;font-size: 16px;line-height: 1.25;cursor: pointer;}
.article-2022 article .article-anchor > ol > li > div:hover {text-decoration: underline;color: var(--article-primary);}
.article-2022 article .article-anchor > ol > li > div + ol {padding-top: 1rem;padding-left: 1.25rem;}
.article-2022 article .article-anchor > ol > li > div + ol > li, 
.article-2022 article .article-anchor > ol > li > div + ol > li * {font-size: 14px;line-height: 1.14286;}
.article-2022 article .article-anchor > ol > li > div + ol > li:not(:last-child) {margin-bottom: .75rem;}
.article-2022 article .article-anchor > ol > li > div + ol > li::marker {vertical-align: top;}

/* article banner */
.article-banner h1 {color:var(--article-black);}
.article-banner p {margin: 1.5rem 0;color: var(--article-gray-3);}
.article-banner address b > a {display: inline-block;margin-left: 0;}
.article-banner address b > a:hover {color: var(--article-primary);}
.article-banner address > div:last-child span {font-size: 14px;line-height: 1.14286;}
.article-banner.banner-style1 {background-color: var(--article-primary-1);}
.article-banner.banner-style1 .right-media{ max-width: 580px;padding: 2.3rem 0;}
.article-banner.banner-style2, .article-banner.banner-style3 {margin-top: 3rem;}
.article-banner.banner-style3 .container {background-color: var(--article-primary-1);}

/* article content sidebar */
.ph-left-menu {display: none;}
.left-menu {font-size: 16px;line-height: 1.25;}
.left-menu {width: 100%;}
.article-sidebar {background-color: #fff;max-width:290px;color: var(--article-gray-1);}
.article-sidebar .sidebar-content {padding-top: 4px;padding-bottom: 12px;}
.article-sidebar .sidebar-content .category-title {display: flex;align-items: center;font-weight: 700;padding: 0.75rem 1rem;cursor: pointer;color: var(--article-black);}
.article-sidebar .sidebar-content .category-title[data-toggle=collapse][aria-expanded=true] svg {transition: transform .3s linear;transform: rotate(90deg);}
.article-sidebar .sidebar-content .article-list {margin: 0;padding: 0;list-style: none;}
.article-sidebar .sidebar-content .article-list li {padding: 0.75rem 2rem 0.75rem 3rem;position: relative;}
.article-sidebar .sidebar-content .article-list li.active, 
.article-sidebar .sidebar-content .article-list li:hover {background-color: var(--article-primary-2);border-radius: .25rem;}
.article-sidebar .sidebar-content .article-list li a {display: inline-block;color: var(--article-gray-1);text-decoration: none;}
.article-sidebar .sidebar-content::-webkit-scrollbar {width: 6px;height: 10px;background: transparent;}
.article-sidebar .sidebar-content::-webkit-scrollbar-thumb {background:  rgba(196, 196, 196, 0.5);border-radius: 11px;}
.article-sidebar.sidebar-style1 {border-right: 1px solid rgba(0, 0, 0, 0.2);}
.article-sidebar.sidebar-style1 .sidebar-title {display: none;}
.article-sidebar.sidebar-style1 .sidebar-content {height: calc(100vh - 72px);overflow-x: hidden;overflow-y: auto;}
.article-sidebar.sidebar-style2 {border-radius: 10px;overflow: hidden;border: 1px solid #A1A1A1;}
.article-sidebar.sidebar-style2 .sidebar-title {background-color: var(--article-secondary);}
.article-sidebar.sidebar-style2 .sidebar-content {max-height: 420px;overflow: auto;}

/* article anchor sidebar */
.article-sidebar-anchor {max-width:290px;}
.article-sidebar-anchor a {display: block;color: var(--article-gray-1);text-decoration: none;padding: 0.75rem 1rem;}
.article-sidebar-anchor a:hover, .article-sidebar-anchor a.active {color: var(--article-gray-1);background-color: var(--article-primary-2);}
.article-sidebar-anchor.anchor-style1 {border-right: 1px solid rgba(0, 0, 0, 0.2);}
.article-sidebar-anchor.anchor-style2 strong {display: block;padding: 0.75rem 1.5rem 0.75rem 1rem;font-weight: 700;cursor: pointer;border-top: 1px solid rgba(0, 0, 0, 0.2);color: var(--article-black);position: relative;}
.article-sidebar-anchor.anchor-style2 strong::after {content: '';width: 1rem;height: 1rem;position: absolute;top: 50%;right: 8px;transform: translateY(-50%);background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2L11 8L5 14' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");background-size: 100% auto;background-repeat: no-repeat;}
.article-sidebar-anchor.anchor-style2 strong.active::after {transform:  translateY(-50%) rotate(90deg);transition: transform .3s linear;}
.article-sidebar-anchor.anchor-style2 strong.anchor-title {padding: 0;}
.article-sidebar-anchor.anchor-style2 strong.anchor-title::after {content: none;}
.article-sidebar-anchor.anchor-style2 strong.anchor-title a {color: #000;}
.article-sidebar-anchor.anchor-style2 .anchor-content {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.article-sidebar-anchor.anchor-style2 ul {margin: 0;padding: 0;list-style: none;}
.article-sidebar-anchor.anchor-style2 ul li a {display: block;list-style-type: none;padding: 0.75rem 1rem}

/* article other sidebar */
.other-sidebar {max-width:290px;float: right;}
.other-sidebar > div, 
.other-sidebar > address {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.other-sidebar li > a {font-size: 16px;line-height: 1.375;}
.other-sidebar .sidebar-subscribe p {color: var(--article-gray-4);}
.other-sidebar .sidebar-subscribe input {border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 4px;overflow: hidden;padding: 0.75rem 1rem;color: var(--article-gray-1);outline:none}
.other-sidebar .sidebar-subscribe input:focus-visible {border: 1px solid #000000;}
.other-sidebar .sidebar-subscribe input.is-invalid {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23DE1E00'/%3E%3Cpath d='M12 11L12 17' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='8' r='1' fill='white'/%3E%3C/svg%3E%0A");background-position: right 0.75rem center;background-size: 1.5rem 1.5rem;border: 1px solid #DE1E00;background-repeat: no-repeat;padding-right: 2.6rem;}
.other-sidebar .sidebar-subscribe input.is-invalid ~ .invalid-feedback {color: #DE1E00;display: block;}
.other-sidebar .sidebar-subscribe input ~ .success-feedback {color: #00B97C;display: none;}
.other-sidebar button {border-width: 2px;border-radius: 4px;padding: 8px 24px;line-height: 1.75;}

/* article media style */
@media (min-width: 1280px) {
  .product-banner, .article-banner .container {height: 400px;overflow:hidden;}
}

@media (min-width: 992px) and (max-width: 1440px) {
  .article-container .container {max-width: 100%;}
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .article-sidebar, .article-sidebar-anchor, .other-sidebar {max-width: 230px;}
  .other-sidebar {float: right;}
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .article-sidebar, .article-sidebar-anchor, .other-sidebar {max-width: 250px;}
  .other-sidebar {float: right;}
}

@media (max-width: 1280px) {
  .article-banner h1 {font-size: 36px;}
  
  address.address-share-sidebar > div:last-child strong {flex: 0 0 auto;}

  .article-sidebar.sidebar-style1 .sidebar-content {height: calc(100vh - 56px);}
}

@media (max-width: 1024px) {
  address.address-share-sidebar {flex-wrap: nowrap;}
  address.address-share-sidebar > div:last-child {justify-content: flex-end;margin-top: 0;}
  .article-2022 article, 
  .article-2022 article ~ * {max-width: initial;margin: auto;counter-reset: olNum;}

  .ph-left-menu {display: block;position: fixed;z-index: 10;left: 0;bottom: 10%;transition: 0.3s;}
  .ph-left-menu .icon-box {border-radius: 0 20px 20px 0;box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);}
  .ph-left-menu.on {opacity: 0;filter: alpha(opacity=0);right: -100px;}
  .ph-bg {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;left: 0;top: 0;z-index: 55;display: none;}
  .left-menu {height: 100% !important;top: 0 !important;width: calc(35%);left: -100%;z-index: 6;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;opacity: 0;filter: alpha(opacity=0);margin-left: 0;position: fixed;}
  .left-menu.on {left: 0;background: #ffffff;opacity: 1;filter: alpha(opacity=100);z-index: 99;}
  .left-menu .menu-wrap {width: 100%;height: 100%;position: relative;overflow-y: auto;z-index: 6;transition: 0.3s;}
  
  .article-sidebar.sidebar-style1 .sidebar-content {height: 100%;}

  .article-sidebar.sidebar-style2 {border-radius: 0;border-radius: 0;}

  .article-sidebar, .article-sidebar-anchor, .other-sidebar {max-width: initial;}
  .other-sidebar {float: initial;}
}

@media (max-width: 768px) {
  .left-menu {width: calc(40%);}
}

@media (max-width: 576px) {
  .article-banner.banner-style1 .right-media {padding-top: 1rem;}
  .article-banner.banner-style2,.article-banner.banner-style3 {margin-top: 0;}
  .article-banner.banner-style2 .container,.article-banner.banner-style3 .container {padding-bottom: 2.3rem;}

  .left-menu {width: calc(45%);}
}

@media (max-width: 500px) {
  .font-size-small {font-size: 14px;}
  .font-size-normal, 
  .font-size-large {font-size: 16px;}

  .article-2022 > details summary, 
  .article-2022 article .pro-card strong {font-size: 18px;}
  .article-2022 .help b, 
  .article-2022 .faq h5, 
  .article-2022 .related li, 
  .article-2022 article fieldset legend, 
  .article-2022 article .pros-cons fieldset legend, 
  .article-2022 article .pro-list .item b, 
  .article-2022 article .pro-table table b, 
  .article-2022 article .pro-table table figure ~ b, 
  .article-2022 article .pro-card details summary {font-size: 16px;}
  .article-2022 article .pro-list .item details summary {font-size: 14px;}

  address {flex-wrap: wrap;}
  address > div {flex: 1 1 auto!important;max-width: 100%!important;}
  address > div:last-child {justify-content: flex-start;margin-top: 12px!important;}
  address > div:last-child span {font-size: 14px;}
  address i {margin-left: 0;}
  address i svg {width: 20px;height: 20px;vertical-align: top;}
  address.address-data > div:last-child span {margin-right: 16px;}
  address.address-share-sidebar {flex-wrap: wrap;}
  address.address-share-sidebar > div:last-child {justify-content: flex-start;margin-top: 0!important;}
  address.address-share-sidebar > div:last-child strong {flex: 0 0 auto;}

  .article-2022 article * {font-size: 16px;}
  .article-2022 h1, 
  .article-2022 article h1 {font-size: 36px;}
  .article-2022 article h2 {font-size: 30px;}
  .article-2022 article h3, 
  .article-2022 article h4 {font-size: 18px;line-height: 24px;}
  .article-2022 article h5, 
  .article-2022 article h6 {font-size: 16px;line-height: 22px;}

  .article-2022 article a.btn-fill, 
  .article-2022 article a.btn-lg-fill, 
  .article-2022 article a.btn-outline, 
  .article-2022 article a.btn-lg-outline, 
  [data-dev="mobile"] .article-2022 article a[href*=".exe"], 
  [data-dev="mobile"] .article-2022 article a[href*=".dmg"], 
  [data-dev="mobile"] .article-2022 article a[href*=".zip"], 
  [data-dev="mobile"] .article-2022 article a[href*=".pkg"], 
  [data-dev="mobile"] .article-2022 article a[href*="mobile-download-guidance"] {display: block;width: 100%;min-height: 48px;}
  [data-dev="desktop"] .article-2022 article a[href*=".exe"], 
  [data-dev="desktop"] .article-2022 article a[href*=".dmg"], 
  [data-dev="desktop"] .article-2022 article a[href*=".zip"], 
  [data-dev="desktop"] .article-2022 article a[href*=".pkg"] {width: 100%;min-height: 48px}
  [data-dev="mobile"] .article-2022 article a[href*=".exe"], 
  [data-dev="mobile"] .article-2022 article a[href*=".dmg"], 
  [data-dev="mobile"] .article-2022 article a[href*=".zip"], 
  [data-dev="mobile"] .article-2022 article a[href*=".pkg"], 
  [data-dev="mobile"] .article-2022 article a[href*="mobile-download-guidance"] {background-color: var(--article-primary);border: 2px solid var(--article-primary);border-radius: 4px;padding: 8px 24px;font-size: 16px;font-weight: 700;line-height: 1.75;text-align: center;vertical-align: middle;text-decoration: none;user-select: none;color: var(--article-btn-fill-text);}
  [data-dev="mobile"] .article-2022 article a[href*=".exe"]:hover, 
  [data-dev="mobile"] .article-2022 article a[href*=".dmg"]:hover, 
  [data-dev="mobile"] .article-2022 article a[href*=".zip"]:hover, 
  [data-dev="mobile"] .article-2022 article a[href*=".pkg"]:hover, 
  [data-dev="mobile"] .article-2022 article a[href*="mobile-download-guidance"]:hover {background-color: var(--article-primary-4);border-color: var(--article-primary-4);}
  [data-dev="mobile"] .article-2022 article a[href*=".exe"] i, 
  [data-dev="mobile"] .article-2022 article a[href*=".dmg"] i, 
  [data-dev="mobile"] .article-2022 article a[href*=".zip"] i, 
  [data-dev="mobile"] .article-2022 article a[href*=".pkg"] i, 
  [data-dev="mobile"] .article-2022 article a[href*="mobile-download-guidance"] i {display: none;}
  [data-dev="mobile"] .article-2022 article a[href*=".exe"] ~ a, 
  [data-dev="mobile"] .article-2022 article a[href*=".dmg"] ~ a, 
  [data-dev="mobile"] .article-2022 article a[href*=".zip"] ~ a, 
  [data-dev="mobile"] .article-2022 article a[href*=".pkg"] ~ a, 
  [data-dev="mobile"] .article-2022 article a[href*="mobile-download-guidance"] ~ a[href*="mobile-download-guidance"] {display: none;}
  .article-2022 article .btn-groups {margin: 2rem 0;}
  .article-2022 article .btn-groups > * {width: 100%;}
  .article-2022 article .btn-groups > *:nth-child(n+2) {display: none;}
  .article-2022 article .btn-groups > * > a {margin: 0;}
  .article-2022 article .btn-groups > * > a ~ label {display: none!important;}

  .article-2022 article .step {display: flex;align-items: flex-start;}
  .article-2022 article .step span {flex: 0 0 82.5px;max-width: 82.5px;}
  .article-2022 article .pros-cons, 
  .article-2022 article .cols {flex-wrap: wrap;}
  .article-2022 article .pros-cons fieldset, 
  .article-2022 article .cols > * {width: calc(100% - 1.875rem);}

  .article-2022 article .pro-list .item > div {flex-wrap: wrap;justify-content: flex-end;}
  .article-2022 article .pro-list .item > div > div {flex: 1 1 auto;max-width: 100%;margin-right: 0;margin-bottom: 0;}
  .article-2022 article .pro-list .item a {margin-top: 16px;}

  .article-2022 article .pro-table table {width: 150%;}
  .article-2022 article .pro-table table td {width: calc(75% - 6px);}

  .article-2022 article .pro-card {flex-wrap: wrap-reverse;}
  .article-2022 article .pro-card > *:first-child {padding: 24px;}
  .article-2022 article .pro-card figure {flex: 1 1 auto;justify-content: flex-start;max-width: 100%;background: linear-gradient(-180deg, var(--article-primary-2) 56px, var(--article-white) 32px);padding: 24px 24px 0;}
  .article-2022 article .pro-card figure img[src*="box"] {display: none;}
  .article-2022 article .pro-card figure img[src*="logo"] {display: inline-block;width: 64px;height: 64px;}
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".exe"], 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".dmg"], 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".zip"], 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".pkg"] {padding-top: 8px;padding-bottom: 8px;margin-bottom: 16px;font-size: 16px;}
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".exe"] ~ a:last-child, 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".dmg"] ~ a:last-child, 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".zip"] ~ a:last-child, 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".pkg"] ~ a:last-child {display: block;width: 100%;background-color: transparent;border: 2px solid var(--article-primary);border-radius: 4px;padding: 8px 24px;margin: 0;font-size: 16px;font-weight: 700;line-height: 1.75;text-align: center;vertical-align: middle;text-decoration: none;user-select: none;color: var(--article-primary);}
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".exe"] ~ a:last-child::after, 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".dmg"] ~ a:last-child::after, 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".zip"] ~ a:last-child::after, 
  [data-dev="desktop"] .article-2022 article .pro-card a[href*=".pkg"] ~ a:last-child::after {content: "";}
  [data-dev="mobile"] .article-2022 article .pro-card a[href*="mobile-download-guidance"] {padding-top: 8px;padding-bottom: 8px;margin-bottom: 16px;font-size: 16px;}
  [data-dev="mobile"] .article-2022 article .pro-card a[href*="mobile-download-guidance"] ~ a:last-child {display: block;width: 100%;background-color: transparent;border: 2px solid var(--article-primary);border-radius: 4px;padding: 8px 24px;margin: 16px 0 0;font-size: 16px;font-weight: 700;line-height: 1.75;text-align: center;vertical-align: middle;text-decoration: none;user-select: none;color: var(--article-primary);}
  [data-dev="mobile"] .article-2022 article .pro-card a[href*="mobile-download-guidance"] ~ a:last-child::after {content: "";}

  .left-menu {width: calc(100% - 80px);}

  .sidebar-subscribe p {font-size: 16px;}
}