.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.yam1o{.orswbo:has(._1gbbsza:checked:disabled){--_9sa764:var(--ax-colors-bg-accent);--hafxie:var(--ax-colors-fg-black)}.orswbo:has(._1gbbsza:not(checked):disabled){--hafxie:var(--ax-colors-border-control)}._1ppjyou{--_47mhmi:calc((4px + var(--_18d7nlf) + 4px) / 2);--_19f0w3p:calc((4px + var(--_18d7nlf) * 1.5 + 12px + 4px) / 2);border-color:var(--_9sa764);height:calc(4px + var(--_18d7nlf) + 4px);transition-duration:var(--ax-duration-sm);width:calc(4px + var(--_18d7nlf) * 1.5 + 12px + 4px);border-width:2px;place-content:center;transition-property:border-color,border-width;transition-timing-function:ease;position:relative}._1ppjyou: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}.hm4234:has(._1gbbsza:checked) ._1ppjyou:before{inset:calc(-1 * var(--_47mhmi)) calc(-1 * var(--_19f0w3p));opacity:1}.hm4234:has(._1gbbsza:checked) ._1ppjyou{border-block-width:var(--_47mhmi);border-inline-width:var(--_19f0w3p)}.l1aa00{--_18d7nlf:8px}._1jaupgg{--_18d7nlf:var(--ax-size-2xs)}._5ldgqg{background-color:var(--hafxie);height:var(--_18d7nlf);transform:translateX(calc(-6px - var(--_18d7nlf) / 4));width:var(--_18d7nlf)}.hm4234:active ._5ldgqg{width:calc(var(--_18d7nlf) * 1.25)}.hm4234:active:has(._1gbbsza:checked) ._5ldgqg{margin-left:calc(var(--_18d7nlf) * -.25)}.hm4234:active:has(._1gbbsza:not(:checked)) ._5ldgqg{margin-right:calc(var(--_18d7nlf) * -.25)}.hm4234:has(._1gbbsza:checked) ._5ldgqg{transform:translateX(calc(6px + var(--_18d7nlf) / 4))}.hm4234:has(._1gbbsza:not(:disabled)) ._5ldgqg{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}