.ygb-article-content{--article-content-width-narrow: 480px;--article-color-blue: #58b5ca;--article-color-blue-light: #def0f4;--article-color-onyx: #3e484e;--article-color-gray: #616b71;--article-color-gray-light: #e5e7eb;--article-color-carrot: #fca85a;--article-color-toscana: #fcde9c;--article-color-subtle: #f8fafc;--article-color-white: #ffffff;--article-color-text: var(--article-color-onyx);--article-color-link: var(--article-color-blue);--article-color-link-hover: var(--article-color-blue);--article-color-link-underline: var(--article-color-blue);--article-color-link-underline-hover: var(--article-color-blue);--article-font-size-xs: 10px;--article-font-size-sm: 12px;--article-font-size-base: 14px;--article-font-size-md: 16px;--article-font-size-lg: 18px;--article-font-size-xl: 21px;--article-font-size-2xl: 24px;--article-font-size-3xl: 27px;--article-font-weight-normal: 400;--article-font-weight-bold: 700;--article-font-weight-black: 900;--article-line-height-none: 1;--article-line-height-tight: 1.25;--article-line-height-snug: 1.5;--article-line-height-base: 2;--article-line-height-loose: 2.5;--article-space-3xs: 2px;--article-space-2xs: 4px;--article-space-xs: 6px;--article-space-sm: 10px;--article-space-md: 14px;--article-space-lg: 18px;--article-space-xl: 24px;--article-space-2xl: 36px;--article-space-3xl: 40px;--article-space-4xl: 60px;--article-border-radius-sm: 6px;--article-border-radius-lg: 12px;--article-border-radius-pill: 999px;color:var(--article-color-text);font-size:var(--article-font-size-base);font-weight:var(--article-font-weight-normal);line-height:var(--article-line-height-base);letter-spacing:normal}@media screen and (min-width:768px){.ygb-article-content{--article-font-size-xs: 12px;--article-font-size-sm: 14px;--article-font-size-base: 17px;--article-font-size-md: 19px;--article-font-size-lg: 22px;--article-font-size-xl: 25px;--article-font-size-2xl: 29px;--article-font-size-3xl: 32px;--article-space-3xs: 2px;--article-space-2xs: 5px;--article-space-xs: 7px;--article-space-sm: 12px;--article-space-md: 17px;--article-space-lg: 22px;--article-space-xl: 29px;--article-space-2xl: 43px;--article-space-3xl: 48px;--article-space-4xl: 72px}}.ygb-article-content>*:first-child{margin-top:0}.ygb-article-content *:last-child{margin-bottom:0!important}.ygb-article-content h1{font-size:var(--article-font-size-3xl);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:1.5em 0 .5em}.ygb-article-content h2{font-size:var(--article-font-size-2xl);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:var(--article-space-3xl) 0 var(--article-space-lg);padding:var(--article-space-xs) 0 var(--article-space-xs) var(--article-space-sm);background:inherit!important;border-left:5px solid var(--article-color-blue);border-radius:0!important}.ygb-article-content h3{font-size:var(--article-font-size-xl);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:var(--article-space-2xl) 0 var(--article-space-lg);padding:0;background:inherit!important;border:none!important;border-radius:0!important}.ygb-article-content h4{color:var(--article-color-blue);font-size:var(--article-font-size-lg);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:var(--article-space-xl) 0 var(--article-space-lg);padding:0}.ygb-article-content p{line-height:var(--article-line-height-base);margin:0 0 var(--article-space-lg)}.ygb-article-content .article-note{color:var(--article-color-gray);font-size:var(--article-font-size-sm);line-height:var(--article-line-height-base)}.ygb-article-content a{color:var(--article-color-link);text-decoration:none;border-bottom:1px solid var(--article-color-blue)}.ygb-article-content a:hover{opacity:.85}.ygb-article-content span a{color:var(--article-color-link);text-decoration:none}.ygb-article-content ul,.ygb-article-content ol{margin:0 0 1em}.ygb-article-content ol{padding:0;list-style:none;counter-reset:article-ol}.ygb-article-content ol li{position:relative;padding-left:var(--article-space-xl);counter-increment:article-ol}.ygb-article-content ol li:before{content:counter(article-ol) ".";position:absolute;top:0;left:var(--article-space-xs);color:var(--article-color-blue);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-base)}.ygb-article-content ul{padding:0;list-style:none}.ygb-article-content ul li,.ygb-article-content ol li{margin:0 0 var(--article-space-xs)}.ygb-article-content ul li{position:relative;padding-left:var(--article-space-xl)}.ygb-article-content ul li:before{content:"\f111";position:absolute;left:var(--article-space-sm);top:var(--article-space-md);color:var(--article-color-blue);font-family:"Font Awesome 5 Pro";font-weight:var(--article-font-weight-black);font-size:.5em;line-height:var(--article-line-height-none);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ygb-article-content .article-checklist{margin:0 0 1em;padding:0;list-style:none}.ygb-article-content .article-checklist li{position:relative;margin:0 0 var(--article-space-xs);padding-left:var(--article-space-xl)}.ygb-article-content .article-checklist li:before{content:"\f00c";position:absolute;left:var(--article-space-2xs);top:var(--article-space-md);color:var(--article-color-blue);font-family:"Font Awesome 5 Pro";font-weight:var(--article-font-weight-black);font-size:1em;line-height:var(--article-line-height-none);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ygb-article-content .article-steps{margin:0 0 1em;padding:0;list-style:none;counter-reset:article-step}.ygb-article-content .article-steps li{position:relative;margin:0 0 var(--article-space-md);padding-left:calc(var(--article-space-xl) + var(--article-space-xs));counter-increment:article-step}.ygb-article-content .article-steps li:before{content:counter(article-step);position:absolute;left:0;top:var(--article-space-3xs);display:flex;align-items:center;justify-content:center;width:1em;height:1em;color:var(--article-color-white);font-weight:var(--article-font-weight-bold);font-size:var(--article-font-size-md);line-height:var(--article-line-height-none);padding:var(--article-space-2xs);background:var(--article-color-blue);border-radius:50%;box-sizing:content-box}.ygb-article-content .article-toc{margin:var(--article-space-2xl) 0;padding:var(--article-space-xl);border:1px solid var(--article-color-gray-light);border-radius:var(--article-border-radius-lg);background:var(--article-color-subtle)}.ygb-article-content .article-toc__title{font-size:var(--article-font-size-md);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:0 0 1em}.ygb-article-content .article-toc__list{margin:0;padding:0;list-style:none}.ygb-article-content .article-toc__list li{margin-bottom:var(--article-space-xs);padding-bottom:var(--article-space-xs);border-bottom:1px solid var(--article-color-gray-light)}.ygb-article-content .article-toc__list li:last-child{padding-bottom:0;border-bottom:none}.ygb-article-content .article-toc__list li:before{content:"\f13a";position:absolute;left:.25em;top:.95em;color:var(--article-color-blue);font-family:"Font Awesome 5 Pro";font-weight:var(--article-font-weight-black);font-size:1em;line-height:var(--article-line-height-none);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ygb-article-content .article-toc__list a{border-bottom:none}.ygb-article-content .article-toc__list a:hover{color:var(--article-color-blue);border-bottom:1px solid var(--article-color-link-underline-hover)}.ygb-article-content figure{margin:var(--article-space-lg) 0 var(--article-space-2xl)}.ygb-article-content figure.article-figure--compact{width:75%;max-width:var(--article-content-width-narrow);height:auto;margin-left:auto;margin-right:auto}.ygb-article-content img,.ygb-article-content figure img{display:block;width:100%;max-width:100%;height:auto;margin-bottom:0;border-radius:var(--article-border-radius-lg);border:none!important;box-shadow:none!important}.ygb-article-content figcaption{color:var(--article-color-gray);font-size:var(--article-font-size-sm);line-height:var(--article-line-height-snug);text-align:center;margin-top:var(--article-space-xs)}.ygb-article-content blockquote{display:block;color:var(--article-color-gray);font-style:normal;margin:var(--article-space-xl) 0;padding:var(--article-space-md);background:var(--article-color-subtle);border:none;border-radius:var(--article-border-radius-lg)}.ygb-article-content blockquote p{margin:0 0 var(--article-space-xs)}.ygb-article-content hr{margin:var(--article-space-2xl) 0;border:none;border-top:1px solid var(--article-color-gray-light)}.ygb-article-content .article-table{display:flex;flex-direction:column;gap:var(--article-space-md);margin:var(--article-space-2xl) 0}.ygb-article-content .article-table__container{background:var(--article-color-white);border:1px solid var(--article-color-gray-light);border-radius:var(--article-border-radius-lg)}.ygb-article-content .article-table__table{width:100%;font-size:var(--article-font-size-base);line-height:var(--article-line-height-snug);border-collapse:separate;border-spacing:0;table-layout:fixed}@media screen and (max-width:767px){.ygb-article-content .article-table--scroll .article-table__container{overflow-x:auto;-webkit-overflow-scrolling:touch}.ygb-article-content .article-table--scroll .article-table__container:focus{outline:2px solid rgba(88,181,202,.35);outline-offset:var(--article-space-3xs)}.ygb-article-content .article-table--scroll .article-table__table{min-width:798px;table-layout:auto}}.ygb-article-content .article-table__table th,.ygb-article-content .article-table__table td{padding:var(--article-space-sm) var(--article-space-xs);border-bottom:1px solid var(--article-color-gray-light);border-right:1px solid var(--article-color-gray-light);vertical-align:top;overflow-wrap:anywhere}.ygb-article-content .article-table__table th:last-child,.ygb-article-content .article-table__table td:last-child{border-right:none}.ygb-article-content .article-table__table tbody tr:last-child td{border-bottom:none}.ygb-article-content .article-table__table thead th{font-weight:var(--article-font-weight-bold);text-align:center;vertical-align:middle;background:var(--article-color-blue-light);border-bottom:1px solid var(--article-color-gray-light)}.ygb-article-content .article-table__table thead th:first-child{border-top-left-radius:var(--article-border-radius-lg)}.ygb-article-content .article-table__table thead th:last-child{border-top-right-radius:var(--article-border-radius-lg)}.ygb-article-content .article-table .article-note{margin:0}@media screen and (min-width:768px){.ygb-article-content .article-table__table{font-size:var(--article-font-size-sm)}.ygb-article-content .article-table__table th,.ygb-article-content .article-table__table td{padding:var(--article-space-sm) var(--article-space-sm)}}.ygb-article-content .article-lead{font-weight:var(--article-font-weight-bold)}.ygb-article-content .article-btn-row{display:flex;flex-wrap:wrap;gap:var(--article-space-sm);justify-content:center;margin:var(--article-space-md) 0}.ygb-article-content .article-btn{display:inline-flex;align-items:center;justify-content:center;min-width:calc(33.3% - (var(--article-space-sm) * 2 / 3));color:var(--article-color-white);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);text-align:center;text-decoration:none;padding:var(--article-space-sm) var(--article-space-lg);background:var(--article-color-blue);border:1px solid transparent;border-radius:var(--article-border-radius-pill);transition:opacity .2s ease}.ygb-article-content .article-btn--primary{color:var(--article-color-white);background:var(--article-color-blue)}.ygb-article-content .article-btn--secondary{color:var(--article-color-gray);background:var(--article-color-white);border-color:var(--article-color-gray-light)}.ygb-article-content .article-btn--accent{color:var(--article-color-text);background:var(--article-color-carrot)}.ygb-article-content .article-btn:hover{opacity:.85}.ygb-article-content .article-cta{margin:var(--article-space-xl) 0;padding:var(--article-space-xl);background:var(--article-color-blue-light);border-radius:var(--article-border-radius-lg)}.ygb-article-content .article-cta__text{font-size:var(--article-font-size-md);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);text-align:center;margin:0 0 var(--article-space-sm)}.ygb-article-content .article-cta .article-btn-row{margin-bottom:0}.ygb-article-content .article-callout{margin:var(--article-space-xl) 0;padding:var(--article-space-md);border-radius:var(--article-border-radius-lg)}.ygb-article-content .article-callout--tip{background:var(--article-color-blue-light)}.ygb-article-content .article-callout--caution{background:var(--article-color-toscana)}.ygb-article-content .article-callout__title{font-size:var(--article-font-size-md);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:0 0 var(--article-space-xs)}.ygb-article-content .article-callout p{margin:0 0 var(--article-space-xs)}.ygb-article-content .article-callout li{margin:0}.ygb-article-content .article-callout--caution ul li:before{color:var(--article-color-carrot)}.ygb-article-content .article-product{margin:var(--article-space-md) 0;padding:var(--article-space-md) var(--article-space-lg);background:var(--article-color-subtle);border:1px solid var(--article-color-gray-light);border-radius:var(--article-border-radius-lg)}.ygb-article-content .article-product__title{font-size:var(--article-font-size-md);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:0 0 var(--article-space-xs)}.ygb-article-content .article-product__list{margin:0 0 var(--article-space-2xs);padding:0;list-style:none}.ygb-article-content .article-product__list li{position:static;color:var(--article-color-gray);font-size:var(--article-font-size-base);line-height:var(--article-line-height-base);margin:0;padding-left:0}.ygb-article-content .article-product__list li:before{content:none}.ygb-article-content .article-highlight{margin:var(--article-space-xl) 0;padding:var(--article-space-lg);background:var(--article-color-white);border:1px solid var(--article-color-gray-light);border-radius:var(--article-border-radius-lg)}.ygb-article-content .article-highlight__label{font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:0 0 var(--article-space-xs)}.ygb-article-content .article-highlight__value{color:var(--article-color-carrot);font-size:var(--article-font-size-xl);font-weight:var(--article-font-weight-bold);line-height:var(--article-line-height-tight);margin:0 0 var(--article-space-2xs)}.ygb-article-content .article-highlight__note{color:var(--article-color-gray);font-size:var(--article-font-size-sm)}.ygb-article-content .article-related{margin:var(--article-space-xl) 0 var(--article-space-3xl)}.ygb-article-content .article-related__list{display:grid;grid-template-columns:1fr;gap:var(--article-space-sm)}.ygb-article-content .article-related__link{position:relative;display:block;color:var(--article-color-text);font-size:var(--article-font-size-base);line-height:var(--article-line-height-snug);text-decoration:none;border-bottom:none;padding:var(--article-space-sm) var(--article-space-sm) var(--article-space-sm) var(--article-space-xl);background:var(--article-color-subtle);border:1px solid var(--article-color-gray-light);border-radius:var(--article-border-radius-lg)}.ygb-article-content .article-related__link:before{content:"\f054";position:absolute;left:var(--article-space-sm);top:50%;color:var(--article-color-blue);font-family:"Font Awesome 5 Pro";font-weight:var(--article-font-weight-black);font-size:.75em;line-height:var(--article-line-height-none);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ygb-article-content .article-related__link:hover{color:var(--article-color-link)}.ygb-article-content .article-align--left{text-align:left}.ygb-article-content .article-align--center{text-align:center;vertical-align:middle}.ygb-article-content .article-align--right{text-align:right}@media screen and (max-width:767px){.ygb-article-content .article-pc-only{display:none!important}}@media screen and (min-width:768px){.ygb-article-content .article-sp-only{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/ygb-article-content.css.map */