.article-template{overflow-x:hidden}.article-template__content{overflow-x:hidden;overflow-wrap:break-word;word-wrap:break-word}.article-template__content code{background:rgba(var(--color-foreground),.07);border:1px solid rgba(var(--color-foreground),.1);border-radius:4px;padding:.15em .4em;font-size:.88em;font-family:SF Mono,Fira Code,Cascadia Code,JetBrains Mono,Consolas,Courier New,monospace;white-space:nowrap;vertical-align:baseline;color:rgba(var(--color-foreground),.9)}@media screen and (max-width:749px){.article-template__content code{white-space:normal;word-break:break-word}}.article-template__content pre{background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-foreground),.1);border-radius:8px;padding:1.4rem 1.6rem;margin:1.6rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;tab-size:2}.article-template__content pre code{background:none;border:none;border-radius:0;padding:0;font-size:.85em;line-height:1.6;white-space:pre;word-break:normal;display:block;color:rgba(var(--color-foreground),.85)}.article-template__content pre::-webkit-scrollbar{height:6px}.article-template__content pre::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.03);border-radius:3px}.article-template__content pre::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.15);border-radius:3px}.article-template__content pre::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.25)}.article-template__content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.95em}.article-template__content table th,.article-template__content table td{padding:.8rem 1.2rem;border:1px solid rgba(var(--color-foreground),.12);text-align:left;white-space:nowrap}.article-template__content table th{background:rgba(var(--color-foreground),.05);font-weight:600}.article-template__content table tr:nth-child(2n) td{background:rgba(var(--color-foreground),.02)}@media screen and (max-width:749px){.article-template__content table th,.article-template__content table td{white-space:normal;min-width:8rem;padding:.6rem .8rem}}.article-template__content iframe,.article-template__content video,.article-template__content embed,.article-template__content object{max-width:100%}.article-template__content img{max-width:100%;height:auto}.article-template__content img.article-zoomable,.article-template__hero-container img.article-zoomable{cursor:zoom-in}.article-image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:0;background:#000000e0;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;cursor:zoom-out;-webkit-tap-highlight-color:transparent;touch-action:none}.article-image-lightbox.is-open{opacity:1;visibility:visible}.article-image-lightbox__stage{flex:1 1 auto;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:1.6rem 1.6rem .4rem;overflow:hidden;cursor:zoom-out}.article-image-lightbox.is-zoomed .article-image-lightbox__stage{cursor:grab}.article-image-lightbox.is-panning .article-image-lightbox__stage{cursor:grabbing}.article-image-lightbox__frame{display:flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:none;max-height:none;transform:translateZ(0);transform-origin:center center;will-change:transform;transition:none}.article-image-lightbox__frame.is-entering{transform:translate3d(0,12px,0);opacity:.92}.article-image-lightbox__frame.is-zooming{transition:transform .28s cubic-bezier(.22,1,.36,1)}.article-image-lightbox__img{max-width:min(96vw,1400px);max-height:calc(100dvh - 7.2rem);max-height:calc(100vh - 7.2rem);width:auto;height:auto;object-fit:contain;flex:0 0 auto;border-radius:6px;box-shadow:0 20px 60px #00000073;opacity:0;transition:opacity .28s ease,width .28s cubic-bezier(.22,1,.36,1);cursor:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;display:block}.article-image-lightbox.is-zoomed .article-image-lightbox__img{object-fit:fill;max-width:none!important;max-height:none!important}.article-image-lightbox__img.is-zooming{transition:opacity .28s ease,width .28s cubic-bezier(.22,1,.36,1)}.article-image-lightbox.is-open .article-image-lightbox__img{opacity:1}.article-image-lightbox__toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1rem calc(.95rem + env(safe-area-inset-bottom,0px));pointer-events:none}.article-image-lightbox__toolbar>*{pointer-events:auto}.article-image-lightbox__btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:0 .65rem;margin:0;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#161618b8;color:#ffffffeb;font-family:Sora,system-ui,sans-serif;font-size:1.35rem;font-weight:500;line-height:1;letter-spacing:0;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000059;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.article-image-lightbox__btn:hover:not(:disabled){background:#28282ce0;border-color:#ffffff47}.article-image-lightbox__btn:active:not(:disabled){transform:scale(.96)}.article-image-lightbox__btn:disabled{opacity:.35;cursor:default}.article-image-lightbox__btn--fit{font-size:1.05rem;min-width:2.75rem}.article-image-lightbox__zoom{min-width:3.4em;text-align:center;font-family:Sora,system-ui,sans-serif;font-size:.78rem;font-variant-numeric:tabular-nums;color:#ffffff8c;padding:0 .15rem;-webkit-user-select:none;user-select:none}body.article-lightbox-open{overflow:hidden}@media(max-width:749px){.article-image-lightbox__stage{padding:.8rem .6rem .2rem}.article-image-lightbox__img{max-width:100vw;max-height:calc(100dvh - 6.4rem);max-height:calc(100vh - 6.4rem);border-radius:4px}.article-image-lightbox__btn{min-width:3rem;min-height:3rem}}@media(prefers-reduced-motion:reduce){.article-image-lightbox,.article-image-lightbox__frame,.article-image-lightbox__frame.is-zooming,.article-image-lightbox__img,.article-image-lightbox__img.is-zooming,.article-image-lightbox__btn{transition:none}}.article-template__content .m-sdk__install{margin:1.75rem 0 2rem;display:grid;gap:10px;min-width:0;color:#fff}.article-template__content .m-sdk__install .m-meta{margin-bottom:4px}.article-template__content .m-sdk__cmd{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:11px 12px 11px 14px;min-width:0;background:#000}.article-template__content .m-sdk__cmd-os{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#777;white-space:nowrap;flex-shrink:0}.article-template__content .m-sdk__cmd-code,.article-template__content code.m-sdk__cmd-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12.5px;line-height:1.4;color:#fff!important;flex:1 1 0;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none;vertical-align:baseline}.article-template__content .m-sdk__cmd-code::-webkit-scrollbar{display:none}.article-template__content .m-sdk__copy{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px!important;margin:0!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:6px!important;background:transparent!important;color:#fff!important;flex-shrink:0;cursor:pointer;transition:background .16s cubic-bezier(.6,.04,.2,1),color .16s cubic-bezier(.6,.04,.2,1)}.article-template__content .m-sdk__copy:hover,.article-template__content .m-sdk__copy.is-copied{background:#fff!important;color:#000!important}@media screen and (max-width:749px){.article-template__content .m-sdk__cmd{flex-wrap:wrap;gap:10px 12px}.article-template__content .m-sdk__cmd-code,.article-template__content code.m-sdk__cmd-code{flex:1 1 100%;order:3;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.article-template__content .m-sdk__copy{margin-left:auto}}.article-template__content .guide-lede{font-size:1.125rem;line-height:1.65;margin:0 0 1.5rem}.article-template__content .guide-callout{margin:1.5rem 0;padding:1rem 1.15rem;border-left:3px solid rgba(var(--color-foreground),.55);background:rgba(var(--color-foreground),.04);border-radius:0 8px 8px 0}.article-template__content .guide-callout>:first-child{margin-top:0}.article-template__content .guide-callout>:last-child{margin-bottom:0}.article-template__content .guide-steps{margin:1rem 0 1.75rem;padding-left:1.25rem}.article-template__content .guide-steps>li{margin:.55rem 0;padding-left:.25rem}.article-template__content .guide-meta{margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(var(--color-foreground),.12);font-size:.95rem}.article-template__content .guide-meta a{text-decoration-thickness:1px;text-underline-offset:.15em}.article-template__content.rte .guide-lede,.rte .guide-lede{font-size:1.125rem;line-height:1.65;margin:0 0 1.5rem}.article-template__content.rte .guide-callout,.rte .guide-callout{margin:1.5rem 0;padding:1rem 1.15rem;border-left:3px solid rgba(var(--color-foreground),.55);background:rgba(var(--color-foreground),.04);border-radius:0 8px 8px 0}.article-template__content.rte .guide-callout>:first-child,.rte .guide-callout>:first-child{margin-top:0}.article-template__content.rte .guide-callout>:last-child,.rte .guide-callout>:last-child{margin-bottom:0}.article-template__content.rte .guide-steps,.rte .guide-steps{margin:1rem 0 1.75rem;padding-left:1.25rem}.article-template__content.rte .guide-steps>li,.rte .guide-steps>li{margin:.55rem 0;padding-left:.25rem}.article-template__content.rte .guide-meta,.rte .guide-meta{margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(var(--color-foreground),.12);font-size:.95rem}
/*# sourceMappingURL=/cdn/shop/t/24/assets/article-content.css.map */