.vs-blog-article{width:100%;background:var(--vs-ba-bg);color:var(--vs-ba-text);font-family:var(--vs-ba-font-family);box-sizing:border-box;padding-top:var(--vs-ba-top-space);padding-bottom:var(--vs-ba-bottom-space)}.vs-blog-article *,.vs-blog-article *:before,.vs-blog-article *:after{box-sizing:border-box}.vs-blog-article img{max-width:100%}.vs-blog-article a{color:inherit;text-decoration:none}.vs-ba-shell{width:min(calc(100% - 40px),var(--vs-ba-max-width));margin:0 auto}.vs-ba-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:var(--vs-ba-muted);font-size:13px;line-height:1.4}.vs-ba-breadcrumbs a{transition:color .2s ease}.vs-ba-breadcrumbs a:hover{color:var(--vs-ba-accent)}.vs-ba-breadcrumb-current{color:var(--vs-ba-heading);max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-ba-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--vs-ba-sidebar-width);gap:var(--vs-ba-gap);align-items:start}.vs-ba-main{min-width:0}.vs-ba-header{margin-bottom:28px}.vs-ba-category{display:inline-flex;align-items:center;margin-bottom:16px}.vs-ba-category span{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:var(--vs-ba-accent-soft);color:var(--vs-ba-accent);font-size:11px;line-height:1;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vs-ba-title{margin:0;max-width:950px;color:var(--vs-ba-heading);font-size:var(--vs-ba-h1-size);line-height:var(--vs-ba-h1-line);font-weight:var(--vs-ba-h1-weight);letter-spacing:var(--vs-ba-h1-letter)}.vs-ba-subtitle{max-width:820px;margin-top:18px;color:var(--vs-ba-muted);font-size:18px;line-height:1.6}.vs-ba-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:20px;color:var(--vs-ba-muted);font-size:var(--vs-ba-meta-size)}.vs-ba-meta-item{display:inline-flex;align-items:center;gap:8px}.vs-ba-meta-dot{width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:var(--vs-ba-accent)}.vs-ba-hero{position:relative;width:100%;height:var(--vs-ba-hero-height);margin:0 0 var(--vs-ba-section-space);overflow:hidden;border-radius:var(--vs-ba-radius);background:#f4f5f6}.vs-ba-hero img{display:block;width:100%;height:100%;object-fit:cover}.vs-ba-tldr{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:var(--vs-ba-section-space);padding:20px;border:1px solid var(--vs-ba-border);border-left:3px solid var(--vs-ba-accent);border-radius:var(--vs-ba-radius);background:var(--vs-ba-card-bg)}.vs-ba-tldr-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--vs-ba-accent-soft);color:var(--vs-ba-accent);font-size:20px;font-weight:800}.vs-ba-tldr-copy strong{display:block;margin-bottom:6px;color:var(--vs-ba-heading);font-size:14px;font-weight:800}.vs-ba-tldr-copy div{color:var(--vs-ba-text);font-size:14px;line-height:1.65}.vs-ba-content{max-width:900px;color:var(--vs-ba-text);font-size:var(--vs-ba-body-size);font-weight:var(--vs-ba-body-weight);line-height:var(--vs-ba-body-line)}.vs-ba-content>*:first-child{margin-top:0}.vs-ba-content h2{margin:42px 0 14px;color:var(--vs-ba-heading);font-size:30px;line-height:1.25;font-weight:800;scroll-margin-top:100px}.vs-ba-content h3{margin:32px 0 12px;color:var(--vs-ba-heading);font-size:23px;line-height:1.3;font-weight:750;scroll-margin-top:100px}.vs-ba-content h4{margin:26px 0 10px;color:var(--vs-ba-heading);font-size:19px;line-height:1.35;font-weight:750;scroll-margin-top:100px}.vs-ba-content p{margin:0 0 20px}.vs-ba-content a{color:var(--vs-ba-accent);text-decoration:underline;text-underline-offset:3px}.vs-ba-content strong{color:var(--vs-ba-heading);font-weight:750}.vs-ba-content ul,.vs-ba-content ol{margin:0 0 22px;padding-left:24px}.vs-ba-content li{margin-bottom:8px}.vs-ba-content blockquote{margin:28px 0;padding:20px 24px;border-left:3px solid var(--vs-ba-accent);border-radius:0 var(--vs-ba-radius) var(--vs-ba-radius) 0;background:var(--vs-ba-accent-soft);color:var(--vs-ba-heading)}.vs-ba-content img{display:block;width:auto;max-width:100%;height:auto;margin:28px auto;border-radius:var(--vs-ba-radius)}.vs-ba-content table{width:100%;margin:28px 0;border-collapse:collapse;overflow:hidden;border:1px solid var(--vs-ba-border)}.vs-ba-content th,.vs-ba-content td{padding:12px 14px;border:1px solid var(--vs-ba-border);text-align:left}.vs-ba-content th{color:var(--vs-ba-heading);background:#f8f9fa;font-weight:750}.vs-ba-content pre{overflow-x:auto;margin:28px 0;padding:20px;border-radius:var(--vs-ba-radius);background:#101827;color:#fff}.vs-ba-content code{font-size:.9em}.vs-ba-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.vs-ba-tags span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:var(--vs-ba-tag-bg);color:var(--vs-ba-tag-text);font-size:12px;font-weight:700}.vs-ba-author-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;margin-top:46px;padding:24px;border:1px solid var(--vs-ba-border);border-radius:var(--vs-ba-radius);background:var(--vs-ba-card-bg)}.vs-ba-author-avatar{width:68px;height:68px;overflow:hidden;border-radius:50%;background:var(--vs-ba-accent-soft);color:var(--vs-ba-accent)}.vs-ba-author-avatar img{width:100%;height:100%;object-fit:cover}.vs-ba-author-avatar span{display:grid;width:100%;height:100%;place-items:center;font-size:22px;font-weight:800}.vs-ba-author-copy strong{display:block;color:var(--vs-ba-heading);font-size:16px;font-weight:800}.vs-ba-author-copy p{margin:8px 0 12px;color:var(--vs-ba-muted);font-size:14px;line-height:1.65}.vs-ba-author-links{display:flex;flex-wrap:wrap;gap:8px}.vs-ba-author-links a{color:var(--vs-ba-accent);font-size:13px;font-weight:700}.vs-ba-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.vs-ba-nav-card{display:block;min-width:0;padding:18px;border:1px solid var(--vs-ba-border);border-radius:var(--vs-ba-radius);background:var(--vs-ba-card-bg);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.vs-ba-nav-card:hover{transform:translateY(-2px);border-color:#f4511659;box-shadow:0 10px 28px #10182712}.vs-ba-nav-side{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.vs-ba-nav-side small{color:var(--vs-ba-muted);font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.vs-ba-nav-arrow{color:var(--vs-ba-accent);font-size:18px;font-weight:800}.vs-ba-nav-card strong{display:-webkit-box;overflow:hidden;color:var(--vs-ba-heading);font-size:14px;line-height:1.45;font-weight:750;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vs-ba-next-side{justify-content:space-between}.vs-ba-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:var(--vs-ba-sidebar-gap);min-width:0}.vs-ba-side-card,.vs-ba-newsletter{min-width:0;padding:var(--vs-ba-sidebar-card-padding);border:1px solid var(--vs-ba-border);border-radius:var(--vs-ba-sidebar-card-radius);background:var(--vs-ba-card-bg)}.vs-ba-side-card h2,.vs-ba-newsletter h2{margin:0;color:var(--vs-ba-heading);font-size:var(--vs-ba-sidebar-heading-size);line-height:1.35;font-weight:800}.vs-ba-side-heading-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.vs-ba-side-heading-row h2{flex:0 0 auto}.vs-ba-heading-line{width:28px;height:2px;border-radius:99px;background:var(--vs-ba-accent)}.vs-ba-toc-card{padding-bottom:16px}.vs-ba-toc-card h2{margin-bottom:14px}.vs-ba-toc-card nav{display:flex;flex-direction:column;gap:2px}.vs-ba-toc-card a{position:relative;display:block;padding:7px 8px 7px 12px;border-radius:8px;color:var(--vs-ba-muted);font-size:13px;line-height:1.45;transition:color .2s ease,background .2s ease}.vs-ba-toc-card a:hover{color:var(--vs-ba-accent);background:var(--vs-ba-accent-soft)}.vs-ba-toc-card a.vs-ba-toc-active{color:var(--vs-ba-accent);background:var(--vs-ba-accent-soft);font-weight:700}.vs-ba-toc-card a.vs-ba-toc-h3{padding-left:24px;font-size:12px}.vs-ba-newsletter{position:relative;overflow:hidden;border-color:transparent;background:linear-gradient(145deg,var(--vs-ba-accent-soft),#fff)}.vs-ba-newsletter:after{content:"";position:absolute;right:-50px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:var(--vs-ba-accent);opacity:.06}.vs-ba-newsletter-mark{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:11px;background:var(--vs-ba-accent);color:#fff;font-size:17px;font-weight:800}.vs-ba-newsletter h2{font-size:17px}.vs-ba-newsletter p{margin:8px 0 16px;color:var(--vs-ba-muted);font-size:13px;line-height:1.6}.vs-ba-newsletter-form{display:flex;flex-direction:column;gap:8px}.vs-ba-newsletter-form input{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--vs-ba-border);border-radius:9px;outline:none;background:var(--vs-ba-input-bg);color:var(--vs-ba-heading);font:inherit;font-size:13px}.vs-ba-newsletter-form input:focus{border-color:var(--vs-ba-accent);box-shadow:0 0 0 3px #f451161a}.vs-ba-newsletter-form button{width:100%;min-height:44px;border:0;border-radius:9px;background:var(--vs-ba-button-bg);color:var(--vs-ba-button-text);cursor:pointer;font:inherit;font-size:13px;font-weight:800;transition:transform .2s ease}.vs-ba-newsletter-form button:hover{transform:translateY(-1px)}.vs-ba-form-success{margin-top:10px;color:var(--vs-ba-accent);font-size:12px;font-weight:700}.vs-ba-share-card h2{margin-bottom:14px}.vs-ba-share-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vs-ba-share-buttons button{display:grid;place-items:center;width:100%;height:42px;border:1px solid var(--vs-ba-border);border-radius:10px;background:#fff;color:var(--vs-ba-heading);cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:800;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.vs-ba-share-buttons button:hover{transform:translateY(-1px);border-color:var(--vs-ba-accent);color:var(--vs-ba-accent);background:var(--vs-ba-accent-soft)}.vs-ba-products-list{display:flex;flex-direction:column}.vs-ba-product-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;padding:11px 0;border-top:1px solid var(--vs-ba-border)}.vs-ba-product-item:first-child{padding-top:0;border-top:0}.vs-ba-product-image{display:block;width:72px;height:var(--vs-ba-product-image-height);overflow:hidden;border-radius:9px;background:#f6f7f8}.vs-ba-product-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.vs-ba-product-item:hover img{transform:scale(1.04)}.vs-ba-product-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:6px}.vs-ba-product-copy strong{display:-webkit-box;overflow:hidden;color:var(--vs-ba-heading);font-size:13px;line-height:1.4;font-weight:750;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vs-ba-product-price{color:var(--vs-ba-accent);font-size:12px;font-weight:800}.vs-ba-sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--vs-ba-border);color:var(--vs-ba-accent);font-size:12px;font-weight:800}.vs-ba-sidebar-link span{font-size:16px}.vs-ba-category-grid{display:flex;flex-wrap:wrap;gap:7px}.vs-ba-category-pill{display:inline-flex;align-items:center;min-height:32px;padding:7px 10px;border:1px solid var(--vs-ba-border);border-radius:var(--vs-ba-category-radius);background:#fff;color:var(--vs-ba-heading);font-size:12px;line-height:1.2;font-weight:650;transition:color .2s ease,border-color .2s ease,background .2s ease}.vs-ba-category-pill:hover{border-color:var(--vs-ba-accent);background:var(--vs-ba-accent-soft);color:var(--vs-ba-accent)}.vs-ba-brands-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vs-ba-brand-item{display:flex;align-items:center;min-width:0;gap:9px;padding:7px;border:1px solid transparent;border-radius:10px;transition:background .2s ease,border-color .2s ease}.vs-ba-brand-item:hover{border-color:var(--vs-ba-border);background:#fafafa}.vs-ba-brand-icon{display:grid;place-items:center;flex:0 0 var(--vs-ba-brand-size);width:var(--vs-ba-brand-size);height:var(--vs-ba-brand-size);border-radius:50%;background:var(--vs-ba-accent-soft);color:var(--vs-ba-accent);font-size:12px;font-weight:850}.vs-ba-brand-item>span:last-child{overflow:hidden;color:var(--vs-ba-heading);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.vs-ba-helpful h2{margin-bottom:13px}.vs-ba-help-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vs-ba-help-buttons button{min-height:38px;border:1px solid var(--vs-ba-border);border-radius:9px;background:#fff;color:var(--vs-ba-heading);cursor:pointer;font:inherit;font-size:12px;font-weight:700;transition:border-color .2s ease,color .2s ease,background .2s ease}.vs-ba-help-buttons button:hover,.vs-ba-help-buttons button.vs-ba-help-selected{border-color:var(--vs-ba-accent);color:var(--vs-ba-accent);background:var(--vs-ba-accent-soft)}.vs-ba-help-message{margin-top:10px;color:var(--vs-ba-accent);font-size:12px;font-weight:700}.vs-ba-empty{width:min(calc(100% - 40px),800px);margin:80px auto;padding:50px 30px;border:1px solid var(--vs-ba-border);border-radius:var(--vs-ba-radius);text-align:center}.vs-ba-empty h2{margin:0 0 10px;color:var(--vs-ba-heading)}.vs-ba-empty p{margin:0;color:var(--vs-ba-muted)}@media screen and (max-width:1100px){.vs-ba-layout{grid-template-columns:minmax(0,1fr) 300px}.vs-ba-title{font-size:var(--vs-ba-h1-tablet)}.vs-ba-hero{height:300px}}@media screen and (max-width:900px){.vs-ba-shell{width:min(calc(100% - 28px),var(--vs-ba-max-width))}.vs-ba-layout{display:flex;flex-direction:column}.vs-ba-sidebar{position:static;width:100%}.vs-ba-main{width:100%}.vs-ba-title{font-size:var(--vs-ba-h1-mobile)}.vs-ba-content{font-size:var(--vs-ba-body-mobile)}.vs-ba-content h2{font-size:26px}.vs-ba-content h3{font-size:21px}.vs-ba-hero{height:260px}}@media screen and (max-width:600px){.vs-blog-article{padding-top:22px}.vs-ba-shell{width:calc(100% - 24px)}.vs-ba-breadcrumbs{margin-bottom:20px;font-size:11px}.vs-ba-header{margin-bottom:22px}.vs-ba-title{font-size:var(--vs-ba-h1-mobile);letter-spacing:-.7px}.vs-ba-subtitle{margin-top:12px;font-size:15px}.vs-ba-meta{gap:8px 12px;margin-top:14px;font-size:11px}.vs-ba-hero{height:210px;margin-bottom:22px;border-radius:11px}.vs-ba-tldr{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px}.vs-ba-tldr-mark{width:34px;height:34px;border-radius:9px;font-size:16px}.vs-ba-content p{margin-bottom:17px}.vs-ba-content h2{margin-top:34px;font-size:24px}.vs-ba-content h3{margin-top:27px;font-size:20px}.vs-ba-author-card{grid-template-columns:52px minmax(0,1fr);gap:13px;padding:18px}.vs-ba-author-avatar{width:52px;height:52px}.vs-ba-prev-next{grid-template-columns:1fr}.vs-ba-sidebar{gap:14px}.vs-ba-side-card,.vs-ba-newsletter{padding:17px}.vs-ba-brands-list{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.vs-blog-article *,.vs-blog-article *:before,.vs-blog-article *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vs-blog-article.css.map */