@layer components{.blog-content{width:100%;font-size:16px;font-weight:400;line-height:28px}@media (max-width:640px){.blog-content{margin-top:0}}.blog-content img{width:calc(100% + 80px);height:auto;max-width:unset;border-radius:8px;margin:32px -40px;display:block}.blog-content figure img{margin-bottom:8px}.blog-content figcaption{opacity:.6;letter-spacing:0;text-align:center;margin-bottom:24px;font-size:13px;font-weight:400;line-height:16px}.blog-content video{width:calc(100% + 80px);height:auto;max-width:unset;border-radius:8px;margin:32px -40px;display:block}.blog-content figure video{margin-bottom:8px}.blog-content strong{font-weight:600}.blog-content a{color:var(--color-main)}.blog-content hr{background-color:var(--color-line-light);border:0;height:1px;margin:32px 0}.blog-content h1{letter-spacing:-.8px;margin-bottom:32px;font-size:46px;font-style:normal;font-weight:600;line-height:50px}.blog-content h2{letter-spacing:-.03em;margin:0 0 16px;padding-top:56px;font-size:30px;font-weight:600;line-height:34px}.blog-content h2 em{color:var(--color-subtle);font-weight:300}.blog-content h3,.blog-content h4{letter-spacing:-.03em;margin:0 0 8px;padding-top:24px;font-size:24px;font-weight:600;line-height:32px}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{position:relative}.blog-content h1:hover .icon-link,.blog-content h2:hover .icon-link,.blog-content h3:hover .icon-link,.blog-content h4:hover .icon-link{opacity:1}.blog-content p{margin:16px 0 8px}.blog-content ul,.blog-content ol{margin:8px 0;padding-left:24px}.blog-content ul{list-style:outside}.blog-content ol{list-style:decimal}.blog-content li{margin:0 0 4px;padding-left:4px}.blog-content li p{margin-bottom:8px}.blog-content code:not([class*=language-]){letter-spacing:.1px;color:var(--color-accent);font-feature-settings:"calt" 1;background-color:var(--color-accent-surface);border:1px solid var(--color-accent-border);border-radius:6px;padding:1px 4px;display:inline}.blog-content pre{width:calc(100% + 24px);margin:4px -16px 32px;padding-top:44px;overflow-x:auto}@media (max-width:640px){.blog-content pre{width:calc(100% + 24px);margin:4px -16px 40px}}.blog-content .table-wrapper{border:1px solid var(--color-line-light);border-radius:8px;width:calc(100% + 96px);margin:24px -48px;overflow-x:auto}@media (min-width:1180px){.blog-content .table-wrapper{width:calc(100% + 200px);margin:24px -100px}}@media (max-width:640px){.blog-content .table-wrapper{width:calc(100% + 32px);margin:16px -16px}}.blog-content table{border-spacing:0;border-collapse:collapse;overflow-wrap:break-word;width:100%;display:table}.blog-content th{text-align:left;background:var(--color-frost);border-bottom:1px solid var(--color-line-light);min-width:100px;padding:12px 8px;font-weight:600}.blog-content th:first-child{padding:12px 8px 12px 16px}.blog-content th:last-child{padding:12px 16px 12px 8px}.blog-content td{vertical-align:text-top;min-width:100px;padding:12px 8px}.blog-content td ul{padding-left:16px}.blog-content td li{padding-left:2px}.blog-content td:first-child{padding:12px 8px 12px 16px}.blog-content td:last-child{padding:12px 16px 12px 8px}.blog-content tr:last-child td{border-bottom:none}.blog-content tr:nth-child(2n){background:var(--color-whisper)}.blog-content .lang-label{border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;width:calc(100% + 22px);margin:16px -15px -45px;padding:8px 20px;display:flex}@media (max-width:640px){.blog-content .lang-label{width:calc(100% + 24px);margin:16px -15px -45px}}.blog-content .lang-label .title{color:var(--color-subtle);white-space:nowrap;text-overflow:ellipsis;border:0;outline:0;height:22px;padding-top:4px;font-size:12px;font-weight:500;line-height:normal;overflow:hidden}.blog-content .lang-label .title em{border:.5px solid var(--color-line);background:var(--color-whisper);font-style:normal;font-family:var(--geist-mono-font-family),Courier,monospace,"Bitstream Vera Sans Mono","Courier New";opacity:.8;border-radius:5px;margin-left:4px;padding:2px 6px;font-size:95%;font-weight:400}.blog-content .source-copy{-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--color-subtle);opacity:.8;white-space:nowrap;background-color:#0000;border:0;border-radius:6px;outline:0;align-items:center;height:22px;margin-right:-6px;padding:0 6px;font-size:12px;font-weight:400;display:flex}.blog-content .source-copy:hover{background-color:var(--color-line-light)}@media (max-width:375px){.blog-content h2{margin-bottom:32px;font-size:32px;line-height:40px}.blog-content h3{margin:32px 0 16px;font-size:21px}}.blog-content .code-highlight{float:left;min-width:100%}.blog-content .code-line{border-left:4px solid #0000;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;display:block}.blog-content .code-line.inserted{color:var(--lightningcss-light,#00741a)var(--lightningcss-dark,#52ff79);background-color:var(--lightningcss-light,#00ec351f)var(--lightningcss-dark,#00d7311f)}.blog-content .code-line.inserted>*{color:var(--lightningcss-light,#00741a)var(--lightningcss-dark,#52ff79)}.blog-content .code-line.deleted{color:var(--lightningcss-light,#d9000f)var(--lightningcss-dark,#ff5d68);background-color:var(--lightningcss-light,#ff5e5e1f)var(--lightningcss-dark,#ff2d2d1f)}.blog-content .code-line.deleted>*{color:var(--lightningcss-light,#d9000f)var(--lightningcss-dark,#ff5d68)}.blog-content .highlight-line{background-color:var(--lightningcss-light,#21873a14)var(--lightningcss-dark,#acf3a614);margin-left:-16px;margin-right:-16px}.blog-content .line-number:before{text-align:right;color:#9ca3af;content:attr(line);width:1rem;margin-left:-8px;margin-right:16px;display:inline-block}.blog-content .icon-link{opacity:0;transition:opacity .2s}@media (max-width:640px){.blog-content .icon-link{display:none}}.blog-content .icon-link:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='18' aria-hidden='true'%3E%3Cpath fill='gray' d='m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z'%3E%3C/path%3E%3C/svg%3E");width:18px;margin-left:-24px;padding-right:8px;display:inline-block;position:absolute}}