@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-space-y-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.blog-content{--tw-leading:var(--leading-relaxed,1.625);max-width:none;line-height:var(--leading-relaxed,1.625);color:var(--color-gray-800,oklch(27.8% .033 256.848))}.blog-content:where(.dark,.dark *){color:var(--color-gray-200,oklch(92.8% .006 264.531))}.blog-content{font-size:1rem}@screen sm{.blog-content {font-size: 1.1rem;}}.blog-content h2{margin-top:calc(var(--spacing,.25rem) * 12);margin-bottom:calc(var(--spacing,.25rem) * 6);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--color-gray-900,oklch(21% .034 264.665))}.blog-content h2:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.blog-content h2:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white,#fff) 5%,transparent)}}.blog-content h2:where(.dark,.dark *){color:var(--color-white,#fff)}.blog-content h3{margin-top:calc(var(--spacing,.25rem) * 8);margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--color-gray-900,oklch(21% .034 264.665))}.blog-content h3:where(.dark,.dark *){color:var(--color-white,#fff)}.blog-content p{margin-bottom:calc(var(--spacing,.25rem) * 6);--tw-leading:calc(var(--spacing,.25rem) * 8);line-height:calc(var(--spacing,.25rem) * 8)}.blog-content blockquote{margin-block:calc(var(--spacing,.25rem) * 8);border-top-right-radius:var(--radius-lg,.5rem);border-bottom-right-radius:var(--radius-lg,.5rem);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.blog-content blockquote{background-color:color-mix(in oklab,var(--color-gray-50,oklch(98.5% .002 247.839)) 50%,transparent)}}.blog-content blockquote{padding-block:calc(var(--spacing,.25rem) * 2);padding-left:calc(var(--spacing,.25rem) * 6);color:var(--color-gray-600,oklch(44.6% .03 256.802));font-style:italic}.blog-content blockquote:where(.dark,.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:#10182880}@supports (color:color-mix(in lab,red,red)){.blog-content blockquote:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900,oklch(21% .034 264.665)) 50%,transparent)}}.blog-content blockquote:where(.dark,.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.blog-content ul{margin-bottom:calc(var(--spacing,.25rem) * 6);list-style-type:disc}:where(.blog-content ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)))}.blog-content ul{padding-left:calc(var(--spacing,.25rem) * 6)}.blog-content ol{margin-bottom:calc(var(--spacing,.25rem) * 6);list-style-type:decimal}:where(.blog-content ol>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)))}.blog-content ol{padding-left:calc(var(--spacing,.25rem) * 6)}.blog-content li{color:var(--color-gray-700,oklch(37.3% .034 259.733))}.blog-content li:where(.dark,.dark *){color:var(--color-gray-300,oklch(87.2% .01 258.338))}.blog-content pre{margin-block:calc(var(--spacing,.25rem) * 8);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:#1e293999;position:relative;overflow-x:auto}@supports (color:color-mix(in lab,red,red)){.blog-content pre{border-color:color-mix(in oklab,var(--color-gray-800,oklch(27.8% .033 256.848)) 60%,transparent)}}.blog-content pre{padding:calc(var(--spacing,.25rem) * 5);padding-top:calc(var(--spacing,.25rem) * 12);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-gray-100,oklch(96.7% .003 264.542));--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0d1117}.blog-content pre:before{content:"";background-color:#ff5f56;border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:1rem;left:1rem;box-shadow:1.25rem 0 #ffbd2e,2.5rem 0 #27c93f}.blog-content pre::-webkit-scrollbar{width:8px;height:8px}.blog-content pre::-webkit-scrollbar-track{background:0 0}.blog-content pre::-webkit-scrollbar-thumb{background-color:#36415380;border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.blog-content pre::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-gray-700,oklch(37.3% .034 259.733)) 50%,transparent)}}.blog-content pre::-webkit-scrollbar-thumb:hover{background-color:#4a5565cc}@supports (color:color-mix(in lab,red,red)){.blog-content pre::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--color-gray-600,oklch(44.6% .03 256.802)) 80%,transparent)}}.blog-content .folder-structure pre{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 6);color:var(--color-gray-800,oklch(27.8% .033 256.848));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:relative;overflow-x:auto}.blog-content .folder-structure pre:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.blog-content .folder-structure pre:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white,#fff) 5%,transparent)}}.blog-content .folder-structure pre:where(.dark,.dark *){background-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-gray-200,oklch(92.8% .006 264.531))}.blog-content .folder-structure pre{font-size:.95em;line-height:1.8}.blog-content .folder-structure pre:before{content:none}.blog-content .folder-structure pre::-webkit-scrollbar-thumb{background-color:var(--color-gray-200,oklch(92.8% .006 264.531));border-radius:3.40282e38px}.blog-content .folder-structure pre::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}.blog-content pre code{min-width:max-content;font-family:var(--font-mono,"JetBrains Mono", "Fira Code", monospace);display:block}.blog-content code:not(pre code){border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:#f3f4f6cc}@supports (color:color-mix(in lab,red,red)){.blog-content code:not(pre code){background-color:color-mix(in oklab,var(--color-gray-100,oklch(96.7% .003 264.542)) 80%,transparent)}}.blog-content code:not(pre code){padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", monospace);--tw-font-weight:var(--font-weight-semibold,600);font-size:.85em;font-weight:var(--font-weight-semibold,600);color:var(--color-gray-800,oklch(27.8% .033 256.848));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blog-content code:not(pre code):where(.dark,.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:#1e2939cc}@supports (color:color-mix(in lab,red,red)){.blog-content code:not(pre code):where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800,oklch(27.8% .033 256.848)) 80%,transparent)}}.blog-content code:not(pre code):where(.dark,.dark *){color:var(--color-gray-200,oklch(92.8% .006 264.531))}.blog-content hr{margin-block:calc(var(--spacing,.25rem) * 12);border-color:var(--color-gray-100,oklch(96.7% .003 264.542))}.blog-content hr:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.blog-content hr:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white,#fff) 5%,transparent)}}.blog-content table{margin-bottom:calc(var(--spacing,.25rem) * 8);border-collapse:collapse;border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));width:100%;overflow:hidden}.blog-content table:where(.dark,.dark *){border-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.blog-content th{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-gray-50,oklch(98.5% .002 247.839));padding:calc(var(--spacing,.25rem) * 3);text-align:left;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-700,oklch(37.3% .034 259.733))}.blog-content th:where(.dark,.dark *){border-color:var(--color-gray-800,oklch(27.8% .033 256.848));background-color:#10182880}@supports (color:color-mix(in lab,red,red)){.blog-content th:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900,oklch(21% .034 264.665)) 50%,transparent)}}.blog-content th:where(.dark,.dark *){color:var(--color-gray-300,oklch(87.2% .01 258.338))}.blog-content td{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));padding:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-600,oklch(44.6% .03 256.802))}.blog-content td:where(.dark,.dark *){border-color:var(--color-gray-800,oklch(27.8% .033 256.848));color:var(--color-gray-400,oklch(70.7% .022 261.325))}.blog-content img{margin-inline:auto;margin-block:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blog-content img:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.blog-content img:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white,#fff) 5%,transparent)}}.blog-content a{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-900,oklch(21% .034 264.665));text-decoration-line:underline;-webkit-text-decoration-color:var(--color-gray-300,oklch(87.2% .01 258.338));text-decoration-color:var(--color-gray-300,oklch(87.2% .01 258.338));text-underline-offset:4px;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.blog-content a:hover{-webkit-text-decoration-color:var(--color-gray-900,oklch(21% .034 264.665));text-decoration-color:var(--color-gray-900,oklch(21% .034 264.665))}}.blog-content a:where(.dark,.dark *){color:var(--color-white,#fff);-webkit-text-decoration-color:var(--color-gray-700,oklch(37.3% .034 259.733));text-decoration-color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.blog-content a:where(.dark,.dark *):hover{-webkit-text-decoration-color:var(--color-white,#fff);text-decoration-color:var(--color-white,#fff)}}.copy-button{top:calc(var(--spacing,.25rem) * 3);right:calc(var(--spacing,.25rem) * 3);z-index:20;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:#36415380;display:flex;position:absolute}@supports (color:color-mix(in lab,red,red)){.copy-button{border-color:color-mix(in oklab,var(--color-gray-700,oklch(37.3% .034 259.733)) 50%,transparent)}}.copy-button{background-color:#1e293966}@supports (color:color-mix(in lab,red,red)){.copy-button{background-color:color-mix(in oklab,var(--color-gray-800,oklch(27.8% .033 256.848)) 40%,transparent)}}.copy-button{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-400,oklch(70.7% .022 261.325));opacity:0;--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.copy-button:hover{background-color:#36415399}@supports (color:color-mix(in lab,red,red)){.copy-button:hover{background-color:color-mix(in oklab,var(--color-gray-700,oklch(37.3% .034 259.733)) 60%,transparent)}}.copy-button:hover{color:var(--color-white,#fff)}}.code-block-wrapper:hover .copy-button{opacity:1}.blog-content .folder-structure .copy-button{display:none}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}