@layer base{.example-container{--drag-offset: 0rem;position:relative;overflow:hidden}.example-content,.static-mode{overflow:auto;border-radius:.5rem;background-color:#fff;outline:.0625rem solid rgba(255,255,255,.05)}.has-padding{padding:2rem}.dark .example-content,.dark .static-mode{background-color:#03071280;box-shadow:inset 0 0 0 .0625rem #ffffff0d}.example-container .example-content{position:relative;margin-right:var(--drag-offset);container-type:inline-size}.example-container[data-dragging=true] .example-content:before{content:"";position:absolute;inset:0;z-index:10}.example-constraints{display:none;pointer-events:none;position:absolute;top:0;bottom:0;right:.375rem;left:15rem}@media(min-width:40rem){.example-container{overflow:visible}.example-constraints{display:block}}.example-handle{pointer-events:auto;position:absolute;top:50%;right:0;z-index:50;margin-top:-1.5rem;height:3rem;width:.375rem;cursor:ew-resize;border-radius:9999px;background-color:#02061733;transform:translate(calc(var(--drag-offset) * -1));transition:background-color .2s ease-in-out}.example-handle:hover,.example-container[data-dragging=true] .example-handle{background-color:#02061766}.dark .example-handle{background-color:#64748b}.dark .example-handle:hover,.dark .example-container[data-dragging=true] .example-handle{background-color:#cbd5e1}html.is-resizing{user-select:none;-webkit-user-select:none}html.is-resizing *{cursor:ew-resize!important}.stripes-container{--stripes-color: #e5e7eb;background-size:.5rem .5rem;background-position:top left;background-image:repeating-linear-gradient(315deg,currentColor 0,currentColor .0625rem,transparent 0,transparent 50%)}.dark .stripes-container{--stripes-color: #374151}.has-default-color{color:#0000001a}.dark .has-default-color{color:#ffffff20}.stripes-all{border:.0625rem solid var(--stripes-color)}.stripes-x{border-left:.0625rem solid var(--stripes-color);border-right:.0625rem solid var(--stripes-color)}.stripes-y{border-top:.0625rem solid var(--stripes-color);border-bottom:.0625rem solid var(--stripes-color)}}@layer components{:root{--docs-grid-border-computed: color-mix( in srgb, var(--z-border) var(--z-border-o), transparent )}.docs-grid{position:relative;border:1px solid var(--docs-grid-border-computed)}.docs-grid-items{display:grid}.docs-grid-items--cols-2{grid-template-columns:repeat(2,1fr)}.docs-grid-items--cols-3{grid-template-columns:repeat(3,1fr)}.docs-grid-card{border-style:solid;border-color:var(--docs-grid-border-computed);border-width:0}.docs-grid-card:hover{--docs-grid-card-hover-bg-computed: color-mix( in srgb, var(--z-muted) var(--z-muted-o), transparent );background-color:var(--docs-grid-card-hover-bg-computed);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var( --tw-ease, var(--default-transition-timing-function) );transition-duration:var(--tw-duration, var(--default-transition-duration))}.docs-grid-items--cols-2 .docs-grid-card:nth-child(1){border-right-width:1px;border-bottom-width:1px}.docs-grid-items--cols-2 .docs-grid-card:nth-child(2){border-bottom-width:1px}.docs-grid-items--cols-2 .docs-grid-card:nth-child(3){border-right-width:1px}.docs-grid-items--cols-2:has(.docs-grid-card:nth-child(2):last-child) .docs-grid-card{border-bottom-width:0}.docs-grid-items--cols-3 .docs-grid-card:nth-child(1),.docs-grid-items--cols-3 .docs-grid-card:nth-child(2){border-right-width:1px}.docs-grid-items--cols-3:has(.docs-grid-card:nth-child(2):last-child) .docs-grid-card{border-right-width:0}.docs-grid-corner{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--z-bg);border:1px solid var(--docs-grid-border-computed);z-index:2}.docs-grid-corner:before,.docs-grid-corner:after{content:"";position:absolute;background:var(--docs-grid-border-computed)}.docs-grid-corner:before{width:14px;height:1px;top:50%;transform:translateY(-50%)}.docs-grid-corner:after{width:1px;height:14px;left:50%;transform:translate(-50%)}.docs-grid-corner--tl{top:0;left:0;transform:translate(-50%,-50%)}.docs-grid-corner--tl:before{right:calc(100% + 1px)}.docs-grid-corner--tl:after{bottom:calc(100% + 1px)}.docs-grid-corner--tr{top:0;right:0;transform:translate(50%,-50%)}.docs-grid-corner--tr:before{left:calc(100% + 1px)}.docs-grid-corner--tr:after{bottom:calc(100% + 1px)}.docs-grid-corner--bl{bottom:0;left:0;transform:translate(-50%,50%)}.docs-grid-corner--bl:before{right:calc(100% + 1px)}.docs-grid-corner--bl:after{top:calc(100% + 1px)}.docs-grid-corner--br{bottom:0;right:0;transform:translate(50%,50%)}.docs-grid-corner--br:before{left:calc(100% + 1px)}.docs-grid-corner--br:after{top:calc(100% + 1px)}@media(max-width:640px){.docs-grid-items--cols-2,.docs-grid-items--cols-3{grid-template-columns:1fr}.docs-grid-card{padding:32px 24px}.docs-grid-items--cols-2 .docs-grid-card:nth-child(1),.docs-grid-items--cols-2 .docs-grid-card:nth-child(2),.docs-grid-items--cols-2 .docs-grid-card:nth-child(3){border-right-width:0;border-bottom-width:1px}.docs-grid-items--cols-2 .docs-grid-card:nth-child(4){border-bottom-width:0}.docs-grid-items--cols-3 .docs-grid-card:nth-child(1),.docs-grid-items--cols-3 .docs-grid-card:nth-child(2){border-right-width:0;border-bottom-width:1px}.docs-grid-items--cols-3 .docs-grid-card:nth-child(3){border-right-width:0}}}:root{--root-offset-top: calc((var(--spacing) * 14) + 1px)}.root-layout[data-astro-cid-ujtbphqs]{display:grid;min-height:100dvh;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:1fr 1px auto 1px auto;padding-top:var(--root-offset-top)}.root-sidebar[data-astro-cid-ujtbphqs]{position:relative;grid-column-start:1;grid-row:1 / -1;grid-row-start:1}.root-sidebar-scrollable-area[data-astro-cid-ujtbphqs]{position:sticky;inset:0;max-height:100dvh;width:var(--container-2xs);overflow-y:auto;padding:calc(var(--spacing) * 6);top:var(--root-offset-top);bottom:0;left:0;height:100%;max-height:calc(100dvh - (var(--spacing) * 14.25))}.root-divider-l[data-astro-cid-ujtbphqs]{grid-column-start:2;grid-row:span 5 / span 5;grid-row-start:1}.root-divider-r[data-astro-cid-ujtbphqs]{grid-column-start:4;grid-row:span 5 / span 5;grid-row-start:1}@media(width<64rem){.root-divider-l[data-astro-cid-ujtbphqs],.root-sidebar[data-astro-cid-ujtbphqs],.root-divider-r[data-astro-cid-ujtbphqs]{display:none}}.root-main[data-astro-cid-ujtbphqs]{position:relative;grid-row-start:1;display:grid;grid-template-columns:subgrid}@media(width>=64rem){.root-layout[data-astro-cid-ujtbphqs]{grid-template-columns:var(--container-2xs) 1px minmax(0,1fr);padding-top:var(--root-offset-top)}.root-main[data-astro-cid-ujtbphqs]{grid-column-start:3}}