@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-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-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.expressive-code{position:relative}.expressive-code .frame{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.expressive-code .title,.expressive-code code,.expressive-code pre,.expressive-code span{font-family:var(--font-content)!important}.expressive-code .copy-btn{all:initial;top:calc(var(--spacing,.25rem) * 3);right:calc(var(--spacing,.25rem) * 3);z-index:20;height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);cursor:pointer;border-radius:var(--radius-lg,.5rem);opacity:0;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));--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));position:absolute}.expressive-code .copy-btn:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.expressive-code .copy-btn{background:var(--btn-regular-bg);justify-content:center;align-items:center;display:flex;box-shadow:0 1px 2px #0000000d}.expressive-code .copy-btn:hover{background:var(--btn-regular-bg-hover)}.expressive-code .copy-btn-icon{pointer-events:none;height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;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));fill:var(--btn-content);position:absolute;top:50%;left:50%}.expressive-code .copy-btn .copy-icon{opacity:1;fill:var(--btn-content)}.expressive-code .copy-btn .success-icon{opacity:0;fill:var(--btn-content)}.expressive-code .copy-btn.success .copy-icon{fill:var(--deep-text);opacity:0}.expressive-code .copy-btn.success .success-icon,.expressive-code .frame:hover .copy-btn{opacity:1}.expressive-code.collapsible .frame{transition:background-color .2s;position:relative}.expressive-code .frame pre,.expressive-code .frame code{-webkit-user-select:text;user-select:text}.expressive-code code span.line:before{-webkit-user-select:none;user-select:none}.expressive-code.collapsible .frame:hover{background-color:rgba(var(--primary-rgb,59, 130, 246),.03)}.expressive-code.collapsible .collapse-toggle-btn{all:initial;opacity:0;z-index:20;background:var(--btn-regular-bg);width:2rem;height:2rem;color:var(--btn-content);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s ease-in-out;display:flex;position:absolute;top:.75rem;right:3.5rem;box-shadow:0 1px 2px #0000000d}.expressive-code.collapsible .collapse-toggle-btn:hover{background:var(--btn-regular-bg-hover)}.expressive-code.collapsible .collapse-toggle-btn:active{transform:scale(.9)}.expressive-code.collapsible .frame:hover .collapse-toggle-btn{opacity:1}.expressive-code.collapsible .collapse-toggle-btn svg{width:1rem;height:1rem;fill:var(--btn-content);pointer-events:none;transition:transform .3s}.expressive-code.collapsed .collapse-toggle-btn svg{transform:rotate(180deg)}.expressive-code.collapsed .frame pre{max-height:5rem;overflow:hidden}.expressive-code.collapsed .frame pre:after{content:"";background:linear-gradient(to bottom,transparent 0%,var(--codeblock-bg) 90%);pointer-events:none;height:2.5rem;position:absolute;bottom:0;left:0;right:0}.expressive-code.expanded .frame pre{max-height:none}.expressive-code.collapsible .frame pre{transition:max-height .3s cubic-bezier(.4,0,.2,1);position:relative}@media(max-width:768px){.expressive-code .copy-btn{width:1.75rem;height:1.75rem;top:.5rem;right:.5rem}.expressive-code .copy-btn-icon{width:.875rem;height:.875rem}.expressive-code.collapsible .collapse-toggle-btn{width:1.75rem;height:1.75rem;top:.5rem;right:3rem}.expressive-code.collapsible .collapse-toggle-btn svg{width:.875rem;height:.875rem}.expressive-code.collapsed .frame pre{max-height:4.5rem}.expressive-code [data-language]:before{display:none!important}}@media(prefers-color-scheme:light){.expressive-code.collapsible .collapse-toggle-btn,.expressive-code .copy-btn{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}}:root:not(.dark) .expressive-code.collapsible .collapse-toggle-btn,:root:not(.dark) .expressive-code .copy-btn{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}@media print{.expressive-code.collapsed .frame pre{max-height:none!important}.expressive-code.collapsed .frame pre:after,.expressive-code.collapsible .collapse-toggle-btn,.expressive-code .copy-btn{display:none!important}}@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-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
