.StylingIcon-module__KmRxPq__layer{background-image:linear-gradient(135deg, transparent 45%, color-mix(in srgb, var(--ax-colors-bg-default) 40%, transparent) 45%, color-mix(in srgb, var(--ax-colors-bg-default) 40%, transparent) 50%, transparent 50%, transparent 55%, color-mix(in srgb, var(--ax-colors-bg-default) 40%, transparent) 55%);background-position:calc((30 + var(--card-hover,0) * 20) * 1%);background-size:300% 100%}
@layer optiaxiom._1nlch9o{.b1woaa:has(.o306md:checked:disabled){--o2m54h:var(--ax-colors-bg-accent);--_2vcop:var(--ax-colors-fg-black)}.b1woaa:has(.o306md:not(checked):disabled){--_2vcop:var(--ax-colors-border-control)}.yd4ncr{--_114du8t:calc((4px + var(--fwqqpc) + 4px) / 2);--_1pe4t3m:calc((4px + var(--fwqqpc) * 1.5 + 12px + 4px) / 2);border-color:var(--o2m54h);height:calc(4px + var(--fwqqpc) + 4px);transition-duration:var(--ax-duration-sm);width:calc(4px + var(--fwqqpc) * 1.5 + 12px + 4px);border-width:2px;place-content:center;transition-property:border-color,border-width;transition-timing-function:ease;position:relative}.yd4ncr:before{content:"";border:1px solid var(--ax-colors-border-disabled);border-radius:inherit;opacity:0;pointer-events:none;transition-duration:var(--ax-duration-sm);transition-property:inset,opacity;transition-timing-function:ease;position:absolute;inset:-2px}._1pt6n4f:has(.o306md:checked) .yd4ncr:before{inset:calc(-1 * var(--_114du8t)) calc(-1 * var(--_1pe4t3m));opacity:1}._1pt6n4f:has(.o306md:checked) .yd4ncr{border-block-width:var(--_114du8t);border-inline-width:var(--_1pe4t3m)}.f5uubf{--fwqqpc:8px}.o30vfb{--fwqqpc:var(--ax-size-2xs)}._89kcz3{background-color:var(--_2vcop);height:var(--fwqqpc);transform:translateX(calc(-6px - var(--fwqqpc) / 4));width:var(--fwqqpc)}._1pt6n4f:active ._89kcz3{width:calc(var(--fwqqpc) * 1.25)}._1pt6n4f:active:has(.o306md:checked) ._89kcz3{margin-left:calc(var(--fwqqpc) * -.25)}._1pt6n4f:active:has(.o306md:not(:checked)) ._89kcz3{margin-right:calc(var(--fwqqpc) * -.25)}._1pt6n4f:has(.o306md:checked) ._89kcz3{transform:translateX(calc(6px + var(--fwqqpc) / 4))}._1pt6n4f:has(.o306md:not(:disabled)) ._89kcz3{box-shadow:var(--ax-boxShadow-sm)}}
.DemoCode-module__nwrOXq__editor{background-color:var(--docs-code-bg);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;flex-direction:column;max-height:300px;display:flex;position:relative;overflow:hidden}.DemoCode-module__nwrOXq__editor pre{--tw-ring-color:transparent;background:0 0;border-top-left-radius:0;border-top-right-radius:0;margin-bottom:0}.DemoCode-module__nwrOXq__editor pre .x\:group-hover\:opacity-100{display:none}.DemoCode-module__nwrOXq__editor>[class~=nextra-code]{overflow:var(--overflow);flex:1}.DemoCode-module__nwrOXq__editor :has(>[role=tablist]){flex-direction:column;flex:1;display:flex;overflow:hidden}.DemoCode-module__nwrOXq__editor [role=tablist]{flex-shrink:0;margin-top:0;font-size:14px}.DemoCode-module__nwrOXq__editor :has(>[role=tabpanel]){overflow:var(--overflow);flex:1}.DemoCode-module__nwrOXq__editor [role=tabpanel],.DemoCode-module__nwrOXq__editor [role=tabpanel]>div{margin-top:0}.DemoCode-module__nwrOXq__editor [role=tabpanel]>h3[id]{margin:0}.DemoCode-module__nwrOXq__expandable{--overflow:hidden}.DemoCode-module__nwrOXq__expandable pre{padding-bottom:56px}.DemoCode-module__nwrOXq__expanded{--overflow:auto;max-height:700px;overflow:visible}.DemoCode-module__nwrOXq__toolbar{opacity:0;position:absolute;top:12px;right:12px}.DemoCode-module__nwrOXq__editor:has([role=tablist]) .DemoCode-module__nwrOXq__toolbar{top:50px}:is(.DemoCode-module__nwrOXq__editor:hover,.DemoCode-module__nwrOXq__editor:focus-within) .DemoCode-module__nwrOXq__toolbar{opacity:1}
.DemoSizeToggle-module__KYjb5W__root{background-image:linear-gradient(0deg, var(--docs-code-bg), transparent);border-bottom-left-radius:var(--ax-borderRadius-lg);border-bottom-right-radius:var(--ax-borderRadius-lg);bottom:0;margin-top:-72px;position:sticky;inset-inline:0}.DemoSizeToggle-module__KYjb5W__toggle{backdrop-filter:blur(5px);background-color:#0000000a;padding-block:3px;padding-inline:6px}.DemoSizeToggle-module__KYjb5W__toggle:hover{background-color:#00000014}