.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.st6wia{._12jvz8e:has(.grregl:checked:disabled){--_1wk7h1q:var(--ax-colors-bg-accent);--_1cmxoo6:var(--ax-colors-fg-black)}._12jvz8e:has(.grregl:not(checked):disabled){--_1cmxoo6:var(--ax-colors-border-control)}.w26kw6{--wjb6ww:calc((4px + var(--_15xck4e) + 4px) / 2);--_1ykhjhv:calc((4px + var(--_15xck4e) * 1.5 + 12px + 4px) / 2);border-color:var(--_1wk7h1q);height:calc(4px + var(--_15xck4e) + 4px);transition-duration:var(--ax-duration-sm);width:calc(4px + var(--_15xck4e) * 1.5 + 12px + 4px);border-width:2px;place-content:center;transition-property:border-color,border-width;transition-timing-function:ease;position:relative}.w26kw6: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}._1q91s6w:has(.grregl:checked) .w26kw6:before{inset:calc(-1 * var(--wjb6ww)) calc(-1 * var(--_1ykhjhv));opacity:1}._1q91s6w:has(.grregl:checked) .w26kw6{border-block-width:var(--wjb6ww);border-inline-width:var(--_1ykhjhv)}.fjqjq9{--_15xck4e:8px}._1orkdn8{--_15xck4e:var(--ax-size-2xs)}._1wjfpwo{background-color:var(--_1cmxoo6);height:var(--_15xck4e);transform:translateX(calc(-6px - var(--_15xck4e) / 4));width:var(--_15xck4e)}._1q91s6w:active ._1wjfpwo{width:calc(var(--_15xck4e) * 1.25)}._1q91s6w:active:has(.grregl:checked) ._1wjfpwo{margin-left:calc(var(--_15xck4e) * -.25)}._1q91s6w:active:has(.grregl:not(:checked)) ._1wjfpwo{margin-right:calc(var(--_15xck4e) * -.25)}._1q91s6w:has(.grregl:checked) ._1wjfpwo{transform:translateX(calc(6px + var(--_15xck4e) / 4))}._1q91s6w:has(.grregl:not(:disabled)) ._1wjfpwo{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}