.cus-blog-post{--cbp-toc-width: 220px;--cbp-gap: 48px;--cbp-border-color: rgb(var(--color-border-rgb, 200, 200, 200));--cbp-text-subdued: rgb(var(--color-foreground-rgb) / .65);--cbp-accent: var(--color-button, #d95700)}.cus-blog-post__grid{width:100%}@media screen and (min-width:990px){.cus-blog-post__grid--with-toc{display:grid;grid-template-columns:var(--cbp-toc-width) 1fr;gap:var(--cbp-gap)}}.cus-blog-post__toc{display:none}@media screen and (min-width:990px){.cus-blog-post__toc{display:block;position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:16px}.cus-blog-post__toc::-webkit-scrollbar{width:3px}.cus-blog-post__toc::-webkit-scrollbar-thumb{background:var(--cbp-border-color);border-radius:3px}}.cus-blog-post__toc-title{font-size:var(--font-size--body-sm, .8125rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cbp-text-subdued);margin-bottom:12px}.cus-blog-post__toc-list{list-style:none;padding:0;margin:0}.cus-blog-post__toc-list li{margin:0}.cus-blog-post__toc-link{display:block;padding:6px 0 6px 12px;font-size:var(--font-size--body-sm, .8125rem);line-height:1.4;color:var(--cbp-text-subdued);text-decoration:none;border-left:2px solid transparent;transition:color .2s,border-color .2s}.cus-blog-post__toc-link:hover{color:var(--color-foreground)}.cus-blog-post__toc-link.is-active{color:var(--color-foreground);font-weight:600;border-left-color:var(--cbp-accent)}.cus-blog-post__toc-link[data-level="3"]{padding-left:28px}.cus-blog-post__toc-link[data-level="4"]{padding-left:44px}.cus-blog-post__toc-mobile{display:block;margin-bottom:24px}@media screen and (min-width:990px){.cus-blog-post__toc-mobile{display:none}}.cus-blog-post__toc-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;width:100%;background:rgb(var(--color-background-rgb, 255, 255, 255));border:1px solid var(--cbp-border-color);border-radius:8px;font-size:var(--font-size--body-sm, .8125rem);font-weight:600;color:var(--color-foreground);cursor:pointer;transition:background .2s}.cus-blog-post__toc-toggle:hover{background:rgb(var(--color-foreground-rgb) / .04)}.cus-blog-post__toc-toggle svg{width:16px;height:16px;transition:transform .25s ease}.cus-blog-post__toc-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.cus-blog-post__toc-mobile-list{display:none;padding:12px 16px;margin-top:4px;background:rgb(var(--color-background-rgb, 255, 255, 255));border:1px solid var(--cbp-border-color);border-radius:8px}.cus-blog-post__toc-mobile-list.is-open{display:block}.cus-blog-post__toc-mobile-list .cus-blog-post__toc-list{margin:0}.cus-blog-post__main{min-width:0}.cus-blog-post__header{margin-bottom:32px}.cus-blog-post__title{font-size:clamp(2rem,4vw,2.75rem);line-height:1.2;margin:0 0 16px}.cus-blog-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:var(--font-size--body-sm, .8125rem);color:var(--cbp-text-subdued)}.cus-blog-post__meta-sep{color:var(--cbp-border-color)}.cus-blog-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cus-blog-post__tag{display:inline-block;padding:4px 12px;font-size:var(--font-size--body-xs, .75rem);border:1px solid var(--cbp-border-color);border-radius:999px;color:var(--cbp-text-subdued);text-decoration:none;transition:color .2s,border-color .2s}.cus-blog-post__tag:hover{color:var(--color-foreground);border-color:var(--color-foreground)}.cus-blog-post__featured-image{margin:0 0 40px}.cus-blog-post__featured-image img{display:block;width:auto;max-width:100%;height:auto;border-radius:8px}.cus-blog-post__body{line-height:1.75}.cus-blog-post__body img{width:auto;max-width:100%;height:auto;cursor:pointer;transition:opacity .2s}.cus-blog-post__body img:hover{opacity:.85}.cus-blog-post__body>*+*{margin-top:1.5rem}.cus-blog-post__body h2,.cus-blog-post__body h3,.cus-blog-post__body h4{scroll-margin-top:100px;margin-top:2.5rem;margin-bottom:.75rem;line-height:1.3}.cus-blog-post__body h2{font-size:clamp(1.5rem,3vw,1.875rem)}.cus-blog-post__body h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}.cus-blog-post__body h4{font-size:clamp(1.1rem,2vw,1.25rem)}.cus-blog-post__body p{margin:0}.cus-blog-post__body a{color:var(--cbp-accent);text-decoration:underline;text-underline-offset:2px}.cus-blog-post__body a:hover{text-decoration:none}.cus-blog-post__body blockquote{margin:2rem 0;padding:16px 24px;border-left:4px solid var(--cbp-accent);background:rgb(var(--color-foreground-rgb) / .03);border-radius:0 8px 8px 0;font-style:italic}.cus-blog-post__body blockquote p{margin:0}.cus-blog-post__body ul,.cus-blog-post__body ol{padding-left:1.75rem}.cus-blog-post__body li{margin-bottom:.5rem;line-height:1.7}.cus-blog-post__body li::marker{color:var(--cbp-text-subdued)}.cus-blog-post__body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;padding:2px 6px;background:rgb(var(--color-foreground-rgb) / .06);border-radius:4px}.cus-blog-post__body pre{margin:2rem 0;padding:20px 24px;background:rgb(var(--color-foreground-rgb) / .04);border-radius:8px;overflow-x:auto;line-height:1.6}.cus-blog-post__body pre code{padding:0;background:none;font-size:.85em}.cus-blog-post__body table{width:100%;border-collapse:collapse;margin:1.5rem 0;table-layout:auto;font-size:var(--font-size--body-sm, .8125rem)}.cus-blog-post__body th,.cus-blog-post__body td{border:1px solid #d0d0d0;padding:.75rem 1rem;text-align:left;word-wrap:break-word;overflow-wrap:break-word;vertical-align:top}.cus-blog-post__body th{background-color:#f5f5f5;font-weight:600}.cus-blog-post__body td:first-child{background-color:#f8f8f6;font-weight:500}.cus-blog-post__body td:first-child:nth-last-child(2),.cus-blog-post__body th:first-child:nth-last-child(2){width:30%}.cus-blog-post__body td:first-child:nth-last-child(2)~td,.cus-blog-post__body th:first-child:nth-last-child(2)~th{width:70%}.cus-blog-post__body tr:hover{background-color:#fff5f0}.cus-blog-post__body table img{max-width:100%;width:auto;height:auto;display:inline-block;margin:.5rem .5rem .5rem 0;cursor:pointer}@media screen and (max-width:749px){.cus-blog-post__body td:first-child:nth-last-child(2),.cus-blog-post__body th:first-child:nth-last-child(2){width:35%}.cus-blog-post__body td:first-child:nth-last-child(2)~td,.cus-blog-post__body th:first-child:nth-last-child(2)~th{width:65%}}.cus-blog-post__body hr{border:none;border-top:1px solid var(--cbp-border-color);margin:2.5rem 0}.cbp-img{margin:2rem 0;text-align:center}.cbp-img img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:6px}.cbp-img--left,.cbp-img--right{max-width:50%;margin-top:.5rem;margin-bottom:.5rem}.cbp-img--left{float:left;margin-right:24px}.cbp-img--right{float:right;margin-left:24px}.cbp-img figcaption{margin-top:8px;font-size:var(--font-size--body-xs, .75rem);color:var(--cbp-text-subdued);font-style:italic;text-align:center}@media screen and (max-width:749px){.cbp-img--left,.cbp-img--right{float:none;max-width:100%;margin-left:0;margin-right:0}}.cbp-video-wrap{margin:2rem auto}.cbp-video-wrap iframe{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0;border-radius:8px}.cus-blog-post__comments{margin-top:64px;padding-top:40px;border-top:1px solid var(--cbp-border-color)}.cus-blog-post__comments-heading{font-size:clamp(1.25rem,2.5vw,1.5rem);margin:0 0 24px}.cus-blog-post__comment-list{display:flex;flex-direction:column;gap:24px}.cus-blog-post__comment-item{padding-bottom:24px;border-bottom:1px solid var(--cbp-border-color)}.cus-blog-post__comment-item:last-child{border-bottom:none;padding-bottom:0}.cus-blog-post__comment-author{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:var(--font-size--body-sm, .8125rem);color:var(--cbp-text-subdued)}.cus-blog-post__comment-pagination{display:flex;justify-content:center;gap:4px;margin-top:24px}.cus-blog-post__comment-pagination a,.cus-blog-post__comment-pagination .current{display:block;padding:4px 10px;color:var(--color-foreground)}.cus-blog-post__comment-pagination .current,.cus-blog-post__comment-pagination a:hover{border-bottom:1px solid var(--color-foreground)}.cus-blog-post__section{padding-top:var(--cbp-padding-top, 40px);padding-bottom:var(--cbp-padding-bottom, 80px)}.cus-blog-post__body:after{content:"";display:table;clear:both}.cbp-popup-holder{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000bf;z-index:888888;cursor:pointer}.cbp-popup-flex{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.cbp-popup{position:relative;background:#fff;border-radius:.5rem;max-width:95vw;cursor:default}.cbp-popup-close{position:absolute;right:.75rem;top:.5rem;background:none;border:none;color:#333;font-size:2.5rem;line-height:1;cursor:pointer;z-index:1;padding:0;transition:color .2s}.cbp-popup-close:hover{color:#000}.cbp-popup-cnt{padding:1.5rem;text-align:center}.cbp-popup-img{max-width:90vw;max-height:85vh;width:auto;height:auto;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cus-blog-post.css.map */