.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.m05w4x{._199fyjb:has(.siylk1:checked:disabled){--ex9d03:var(--ax-colors-bg-accent);--_1gj7i72:var(--ax-colors-fg-black)}._199fyjb:has(.siylk1:not(checked):disabled){--_1gj7i72:var(--ax-colors-border-control)}._1s2dozq{--_11cz2ji:calc((4px + var(--_19e546a) + 4px) / 2);--_1r37sxc:calc((4px + var(--_19e546a) * 1.5 + 12px + 4px) / 2);border-color:var(--ex9d03);height:calc(4px + var(--_19e546a) + 4px);transition-duration:var(--ax-duration-sm);width:calc(4px + var(--_19e546a) * 1.5 + 12px + 4px);border-width:2px;place-content:center;transition-property:border-color,border-width;transition-timing-function:ease;position:relative}._1s2dozq: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}.wadvfb:has(.siylk1:checked) ._1s2dozq:before{inset:calc(-1 * var(--_11cz2ji)) calc(-1 * var(--_1r37sxc));opacity:1}.wadvfb:has(.siylk1:checked) ._1s2dozq{border-block-width:var(--_11cz2ji);border-inline-width:var(--_1r37sxc)}._4wfokm{--_19e546a:8px}.hexkme{--_19e546a:var(--ax-size-2xs)}.j15p0r{background-color:var(--_1gj7i72);height:var(--_19e546a);transform:translateX(calc(-6px - var(--_19e546a) / 4));width:var(--_19e546a)}.wadvfb:active .j15p0r{width:calc(var(--_19e546a) * 1.25)}.wadvfb:active:has(.siylk1:checked) .j15p0r{margin-left:calc(var(--_19e546a) * -.25)}.wadvfb:active:has(.siylk1:not(:checked)) .j15p0r{margin-right:calc(var(--_19e546a) * -.25)}.wadvfb:has(.siylk1:checked) .j15p0r{transform:translateX(calc(6px + var(--_19e546a) / 4))}.wadvfb:has(.siylk1:not(:disabled)) .j15p0r{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}