@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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-content:"";--tw-border-style:solid}}}.blog h1{margin-bottom:calc(var(--spacing,.25rem)*0);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25/1.875)))}.blog h2{margin-bottom:calc(var(--spacing,.25rem)*0);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)))}.blog h3{margin-bottom:calc(var(--spacing,.25rem)*0);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}.blog>h1.header{margin-bottom:calc(var(--spacing,.25rem)*10);--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-blue-500,#3080ff);--tw-gradient-to:var(--color-orange-500,#fe6e00);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));text-align:center;color:#0000;-webkit-background-clip:text;background-clip:text}@supports (color:lab(0% 0 0)){.blog>h1.header{--tw-gradient-from:var(--color-blue-500,lab(54.1736% 13.3369 -74.6839));--tw-gradient-to:var(--color-orange-500,lab(64.272% 57.1788 90.3583))}}.blog :is(p,ul,ol){color:var(--color-gray-300,#d1d5dc)}@supports (color:lab(0% 0 0)){.blog :is(p,ul,ol){color:var(--color-gray-300,lab(85.1236% -.612259 -3.7138))}}.blog ul p{display:inline}.blog a{color:var(--color-blue-400,#54a2ff);text-decoration-line:underline}@supports (color:lab(0% 0 0)){.blog a{color:var(--color-blue-400,lab(65.0361% -1.42065 -56.9802))}}code{border-radius:var(--radius-sm,.25rem);background-color:var(--color-gray-800,#1e2939);padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*.5)}@supports (color:lab(0% 0 0)){code{background-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.example{height:calc(var(--spacing,.25rem)*48);border-radius:var(--radius-md,.375rem);background-color:var(--color-gray-800,#1e2939);padding:calc(var(--spacing,.25rem)*4);flex-direction:column}@supports (color:lab(0% 0 0)){.example{background-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.comparing-example{border-radius:var(--radius-md,.375rem);background-color:var(--color-gray-800,#1e2939)}@supports (color:lab(0% 0 0)){.comparing-example{background-color:var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))}}.comparing-example nav{padding:calc(var(--spacing,.25rem)*2)}.comparing-example nav ul{align-items:center;gap:calc(var(--spacing,.25rem)*2);width:100%;list-style-type:none;display:flex}.comparing-example nav ul li{cursor:pointer;border-radius:var(--radius-md,.375rem);background-color:var(--color-gray-900,#101828);padding:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);text-align:center;flex-grow:1}@supports (color:lab(0% 0 0)){.comparing-example nav ul li{background-color:var(--color-gray-900,lab(8.11897% .811279 -12.254))}}.comparing-example nav ul li.active{background-color:#7bf1a81a}@supports (color:color-mix(in lab, red, red)){.comparing-example nav ul li.active{background-color:color-mix(in oklab,var(--color-green-300,lab(86.9953% -47.2691 25.0054))10%,transparent)}}.comparing-example>p{margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-3xl,1.5rem);background-color:#7bf1a80d;width:fit-content}@supports (color:color-mix(in lab, red, red)){.comparing-example>p{background-color:color-mix(in oklab,var(--color-green-300,lab(86.9953% -47.2691 25.0054))5%,transparent)}}.comparing-example>p{padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*2);padding-bottom:calc(var(--spacing,.25rem)*1)}pre{border-radius:var(--radius-md,.375rem);padding-block:calc(var(--spacing,.25rem)*3);overflow:auto}pre code{width:100%;padding:calc(var(--spacing,.25rem)*0);background-color:#0000;display:block}pre .line{width:100%;padding-inline:4ch;display:inline-block}pre .line.diff.add{background-color:#0d542b80}@supports (color:color-mix(in lab, red, red)){pre .line.diff.add{background-color:color-mix(in oklab,var(--color-green-900,lab(30.797% -29.6927 17.382))50%,transparent)}}pre .line.diff.add{padding-left:1.5ch}pre .line.diff.add:before{--tw-content:"+";content:var(--tw-content);padding-right:1.5ch}pre .line.diff.remove{background-color:#82181a80}@supports (color:color-mix(in lab, red, red)){pre .line.diff.remove{background-color:color-mix(in oklab,var(--color-red-900,lab(28.5139% 44.5539 29.0463))50%,transparent)}}pre .line.diff.remove{padding-left:1.5ch}pre .line.diff.remove:before{--tw-content:"-";content:var(--tw-content);padding-right:1.5ch}pre .line.highlighted{background-color:#1e293980}@supports (color:color-mix(in lab, red, red)){pre .line.highlighted{background-color:color-mix(in oklab,var(--color-gray-800,lab(16.1051% -1.18239 -11.7533))50%,transparent)}}.blog ul{list-style-type:disc;list-style-position:inside}.blog ol{padding-inline-start:calc(var(--spacing,.25rem)*2);list-style-type:decimal;list-style-position:inside}.blog ol li::marker{color:var(--color-blue-400,#54a2ff)}@supports (color:lab(0% 0 0)){.blog ol li::marker{color:var(--color-blue-400,lab(65.0361% -1.42065 -56.9802))}}.blog ol li:before{width:calc(var(--spacing,.25rem)*2);--tw-content:"";content:var(--tw-content);display:inline-block}.animatePresence__ball.animate__enter{opacity:0;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards letEnter;transform:translate(-30px)}@keyframes letEnter{to{opacity:1;transform:translate(0)}}.animatePresence__ball.animate__exit{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards letExit!important}@keyframes letExit{to{opacity:0;transform:translate(30px)}}.alert{gap:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-muted,var(--muted));padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);flex-direction:column;display:flex}.alert>pre{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-muted,var(--muted))}.alert>h3{margin-top:calc(var(--spacing,.25rem)*0);margin-bottom:calc(var(--spacing,.25rem)*1);text-decoration-line:underline}.alert__info{border-left-color:var(--color-blue-500,#3080ff);background-color:#1624564d}@supports (color:lab(0% 0 0)){.alert__info{border-left-color:var(--color-blue-500,lab(54.1736% 13.3369 -74.6839))}}@supports (color:color-mix(in lab, red, red)){.alert__info{background-color:color-mix(in oklab,var(--color-blue-950,lab(15.6723% 8.86232 -32.2945))30%,transparent)}}.alert__info>h3{color:var(--color-blue-200,#bedbff)}@supports (color:lab(0% 0 0)){.alert__info>h3{color:var(--color-blue-200,lab(86.15% -4.04379 -21.0797))}}.alert__warning{border-left-color:var(--color-yellow-500,#edb200);background-color:#4320044d}@supports (color:lab(0% 0 0)){.alert__warning{border-left-color:var(--color-yellow-500,lab(76.3898% 14.5258 98.4589))}}@supports (color:color-mix(in lab, red, red)){.alert__warning{background-color:color-mix(in oklab,var(--color-yellow-950,lab(16.8146% 15.7422 23.1133))30%,transparent)}}.alert__warning>h3{color:var(--color-yellow-200,#fff085)}@supports (color:lab(0% 0 0)){.alert__warning>h3{color:var(--color-yellow-200,lab(94.3433% -5.00429 52.9663))}}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}