.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.jonaq{._1uoamm0:has(.nr4196:checked:disabled){--_1ef6duu:var(--ax-colors-bg-accent);--hgh8v8:var(--ax-colors-fg-black)}._1uoamm0:has(.nr4196:not(checked):disabled){--hgh8v8:var(--ax-colors-border-control)}._10u5ujf{--pd6n26:calc((4px + var(--_1aiz459) + 4px) / 2);--_1ohnqzz:calc((4px + var(--_1aiz459) * 1.5 + 12px + 4px) / 2);border-color:var(--_1ef6duu);height:calc(4px + var(--_1aiz459) + 4px);transition-duration:var(--ax-duration-sm);width:calc(4px + var(--_1aiz459) * 1.5 + 12px + 4px);border-width:2px;place-content:center;transition-property:border-color,border-width;transition-timing-function:ease;position:relative}._10u5ujf: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}.azl9cg:has(.nr4196:checked) ._10u5ujf:before{inset:calc(-1 * var(--pd6n26)) calc(-1 * var(--_1ohnqzz));opacity:1}.azl9cg:has(.nr4196:checked) ._10u5ujf{border-block-width:var(--pd6n26);border-inline-width:var(--_1ohnqzz)}._1pis7t6{--_1aiz459:8px}.qliswl{--_1aiz459:var(--ax-size-2xs)}.t6862n{background-color:var(--hgh8v8);height:var(--_1aiz459);transform:translateX(calc(-6px - var(--_1aiz459) / 4));width:var(--_1aiz459)}.azl9cg:active .t6862n{width:calc(var(--_1aiz459) * 1.25)}.azl9cg:active:has(.nr4196:checked) .t6862n{margin-left:calc(var(--_1aiz459) * -.25)}.azl9cg:active:has(.nr4196:not(:checked)) .t6862n{margin-right:calc(var(--_1aiz459) * -.25)}.azl9cg:has(.nr4196:checked) .t6862n{transform:translateX(calc(6px + var(--_1aiz459) / 4))}.azl9cg:has(.nr4196:not(:disabled)) .t6862n{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}.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;position:absolute;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}