@layer base{.example-container{--drag-offset:0rem;position:relative;overflow:hidden}.example-content,.static-mode{background-color:#fff;border-radius:.5rem;outline:.0625rem solid #ffffff0d;overflow:auto}.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{margin-right:var(--drag-offset);position:relative;container-type:inline-size}.example-container[data-dragging=true] .example-content:before{content:"";z-index:10;position:absolute;inset:0}.example-constraints{pointer-events:none;display:none;position:absolute;inset:0 .375rem 0 15rem}@media (width>=40rem){.example-container{overflow:visible}.example-constraints{display:block}}.example-handle{pointer-events:auto;z-index:50;cursor:ew-resize;width:.375rem;height:3rem;transform:translateX(calc(var(--drag-offset) * -1));background-color:#02061733;border-radius:9999px;margin-top:-1.5rem;transition:background-color .2s ease-in-out;position:absolute;top:50%;right:0}.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{-webkit-user-select:none;user-select:none}html.is-resizing *{cursor:ew-resize!important}.stripes-container{--stripes-color:#e5e7eb;background-image:repeating-linear-gradient(315deg,currentColor 0 .0625rem,#0000 0 50%);background-position:0 0;background-size:.5rem .5rem}.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{border:1px solid var(--docs-grid-border-computed);position:relative}.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:first-child{border-bottom-width:1px;border-right-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:first-child,.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{background:var(--z-bg);border:1px solid var(--docs-grid-border-computed);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute}.docs-grid-corner:before,.docs-grid-corner:after{content:"";background:var(--docs-grid-border-computed);position:absolute}.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 (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:first-child,.docs-grid-items--cols-2 .docs-grid-card:nth-child(2),.docs-grid-items--cols-2 .docs-grid-card:nth-child(3){border-bottom-width:1px;border-right-width:0}.docs-grid-items--cols-2 .docs-grid-card:nth-child(4){border-bottom-width:0}.docs-grid-items--cols-3 .docs-grid-card:first-child,.docs-grid-items--cols-3 .docs-grid-card:nth-child(2){border-bottom-width:1px;border-right-width:0}.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-7fqtfzcv]{min-height:100dvh;padding-top:var(--root-offset-top);grid-template-rows:1fr 1px auto 1px auto;grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.root-sidebar[data-astro-cid-7fqtfzcv]{grid-row:1/-1;grid-column-start:1;position:relative}.root-sidebar-scrollable-area[data-astro-cid-7fqtfzcv]{max-height:100dvh;width:var(--container-2xs);padding:calc(var(--spacing) * 6);inset:0;top:var(--root-offset-top);height:100%;max-height:calc(100dvh - (var(--spacing) * 14.25));position:sticky;bottom:0;left:0;overflow-y:auto}.root-divider-l[data-astro-cid-7fqtfzcv]{grid-row:1/span 5;grid-column-start:2}.root-divider-r[data-astro-cid-7fqtfzcv]{grid-row:1/span 5;grid-column-start:4}@media (width<64rem){.root-divider-l[data-astro-cid-7fqtfzcv],.root-sidebar[data-astro-cid-7fqtfzcv],.root-divider-r[data-astro-cid-7fqtfzcv]{display:none}}.root-main[data-astro-cid-7fqtfzcv]{grid-row-start:1;grid-template-columns:subgrid;display:grid;position:relative}@media (width>=64rem){.root-layout[data-astro-cid-7fqtfzcv]{grid-template-columns:var(--container-2xs) 1px minmax(0, 1fr);padding-top:var(--root-offset-top)}.root-main[data-astro-cid-7fqtfzcv]{grid-column-start:3}}