.hero-interactive-table-root{--power:linear(0 0%,0.2688 9.91%,0.3859 15%,0.4917 20.19%,0.5865 25.5%,0.6705 30.93%,0.7441 36.51%,0.8075 42.26%,0.8593 47.98%,0.9022 53.93%,0.9366 60.13%,0.963 66.67%,0.9812 73.4%,0.9929 80.76%,0.9986 88.89%,1 100%);--accent:light-dark(hsl(142 70% 35%),hsl(280 80% 80%));--dialog-width:140px;--dialog-height:112px;--shadow:light-dark(hsl(222 47% 11%/0.04),hsl(0 0% 0%/0.7));--heading-size:44px;--count:4;--content-size:calc((var(--count) - 1) * 0.5rem + (var(--count) * 1.25rem) + 1.5rem + 2px);--font-size-min:16;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}.main{width:-moz-fit-content;width:fit-content;margin:auto}.hero-interactive-table-root[data-theme=light],.hero-interactive-table-root[data-theme=light] *{color-scheme:light}.hero-interactive-table-root[data-theme=dark],.hero-interactive-table-root[data-theme=dark] *{color-scheme:dark}:where(.fluid){--fluid-min:calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)));--fluid-max:calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min)/16) * 1rem,((var(--fluid-min)/16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min))/16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)),(var(--fluid-max)/16) * 1rem);font-size:var(--fluid-type)}.main *,.main :after,.main :before{box-sizing:border-box}.tweakpane-container{visibility:hidden;position:fixed;top:1rem;right:1rem;z-index:1000;transform:none!important;transform-style:flat!important}.tweakpane-container .tp-dfwv{position:fixed;font-family:monospace;text-transform:lowercase}.tweakpane-container *{transform:none!important;transform-style:flat!important}.shadow{transition:opacity .26s,transform .26s,scale .26s}.mover:has(+.layer>.mover:hover)>.shadow,.mover:has(+.layer>.mover:hover)>.shadow-wrap .shadow,.shadow--main:has(+.layer>.mover:hover){opacity:.2}.mover:has(+.layer>.mover:hover)>.shadow div,.mover:has(+.layer>.mover:hover)>.shadow-wrap .shadow div,.shadow--main:has(+.layer>.mover:hover) div{scale:.94}.mover:hover>.shadow,.mover:hover>.shadow-wrap .shadow{opacity:1;scale:.98}.main:not(.tweakpane-container),.main:not(.tweakpane-container) *{transform-style:preserve-3d}.shadow{scale:.999;overflow:hidden}.hero-interactive-table-root[data-exploded=false] .shadow{opacity:1;transition:opacity 1s}.hero-interactive-table-root[data-exploded=false] .shadow div{transition:translate 1s,scale .26s}.hero-interactive-table-root[data-exploded=false] .main:not(.tweakpane-container){transform:translateZ(100vmin) rotateX(0deg) rotateY(0deg) rotateX(0deg);transition:transform 1s 1s var(--power)}.hero-interactive-table-root[data-exploded=false] .mover>:is(.content,.shadow){transition:transform .26s,opacity 1s}.hero-interactive-table-root[data-exploded=false] .layer{translate:0 0 0;transition:translate 1s var(--power)}.hero-interactive-table-root[data-exploded=true] .mover>.shadow{opacity:.5;scale:.96;transition:opacity 1s 1s}.hero-interactive-table-root[data-exploded=true] .mover>.shadow-wrap{opacity:1}.hero-interactive-table-root[data-exploded=true] .mover>.shadow-wrap .shadow{opacity:.5}.hero-interactive-table-root[data-exploded=true] .main:not(.tweakpane-container){transform:translateZ(100vmin) rotateX(calc(var(--x1, 340) * 1deg)) rotateY(calc(var(--y1, 30) * 1deg)) rotateX(calc(var(--x2, 40) * 1deg));transition:transform 1s var(--power)}.hero-interactive-table-root[data-exploded=true] .mover>:is(.content,.shadow){transition:transform .26s}.hero-interactive-table-root[data-exploded=true] .mover>.shadow div,.hero-interactive-table-root[data-exploded=true] .shadow--main div,.hero-interactive-table-root[data-exploded=true] .shadow-wrap .shadow div{transition:translate 1s 1s,scale .26s}.hero-interactive-table-root[data-exploded=true] .mover>.shadow div,.hero-interactive-table-root[data-exploded=true] .shadow--main div{translate:calc(var(--tx, .5) * 1rem) calc(var(--ty, -.5) * 1rem)}.hero-interactive-table-root[data-exploded=true] .mover:hover>div{transform:translateZ(1rem)}.hero-interactive-table-root[data-exploded=true] .layer{translate:calc(var(--tx, .5) * 1rem) calc(var(--ty, -.5) * 1rem) calc(var(--step, 4) * 1rem);transition:translate 1s 1s;transition-timing-function:var(--power)}.layer{pointer-events:none;position:relative}.main main,section.layer{grid-area:1/1;display:grid;grid-template:auto/auto}section.layer{width:clamp(280px,100%,460px)}.shadow{grid-area:2/1;z-index:2;opacity:.2;pointer-events:none}.hero-interactive-table-root:has(dialog[open]) .shadow-wrap{display:block;opacity:1}.hero-interactive-table-root:has(dialog[open]) .shadow-wrap .shadow div{scale:.999;translate:0 0}.hero-interactive-table-root:has(dialog[open])[data-exploded=true] .shadow-wrap .shadow div{transition:translate 10s;translate:calc(var(--tx, .5) * 1rem) calc(var(--ty, -.5) * 1rem)}.shadow-wrap .shadow div{transition-property:transition,scale,transform,translate;transition-duration:.26s;transform-origin:50% 0;scale:.9;translate:0 -12px}.shadow-wrap{display:none;transition-property:display,opacity,transition,scale,transform;transition-behavior:allow-discrete;transition-duration:.26s;opacity:0}@starting-style{.hero-interactive-table-root:has(dialog[open]) .shadow-wrap{opacity:0}.hero-interactive-table-root:has(dialog[open]) .shadow-wrap .shadow div{scale:.9;translate:0 -12px}}.shadow--dialog{width:100%;height:100%;position:relative;overflow:hidden}.shadow--dialog div{position:absolute;right:0;top:-2px;width:var(--dialog-width);height:var(--dialog-height);background:var(--shadow);border-radius:6px}.shadow--main{position:relative;z-index:-1}.shadow--main div{background:var(--shadow);border-radius:12px;position:absolute;inset:0;translate:0 0}.shadow--main{grid-area:1/1}.content--main{width:100%}.content--main,.shadow--table,.table--layer{grid-area:1/1;display:grid;grid-template-rows:var(--heading-size) calc(var(--heading-size) + var(--content-size));padding:0 1rem 1rem}.shadow--status div,.shadow--table div{grid-area:2/1;background:var(--shadow);border-radius:6px}.shadow--table,.table--layer{border:1px solid #0000}.content--table,.layer--status,.shadow--status{display:grid;grid-template-rows:var(--heading-size) 1fr;grid-area:2/1}.content--status,.layer--dialog{grid-area:2/1}.mover{pointer-events:all;display:grid;grid-template:auto/auto}.mover,.mover>div{grid-area:1/1}.mover--nested{grid-area:2/1}.table-slot{background:color-mix(in hsl,canvas,canvasText 1%);border:1px solid color-mix(in hsl,canvas,canvasText 15%);border-radius:6px}.content--main{background:canvas;border:1px solid color-mix(in hsl,canvas,canvasText 15%);border-radius:12px;font-size:.875rem;position:relative;font-family:monospace}.content--table,.table{overflow:hidden}.table{width:100%;height:100%}.table table{translate:0 2px;border-collapse:collapse;width:100%;max-width:100%;font-family:monospace}.table thead{background:color-mix(in hsl,canvas,canvasText 2%);font-weight:600}.table td:first-of-type>span{align-items:center;display:flex;gap:.5rem}.table td:first-of-type>span svg{width:16px;color:var(--accent)}.table td{border:1px solid color-mix(in hsl,canvas,canvasText 15%);padding:.2rem .5rem;position:relative}.table td:nth-of-type(3){overflow:hidden;white-space:nowrap;max-width:12ch;text-overflow:ellipsis}.table td:first-of-type{border-left:0}.table td:last-of-type{border-right:0}.table .true{color:hsl(140 80% 40%)}.content--table .heading{padding-inline:.75rem}.heading{align-items:center;display:flex;gap:.5rem;font-family:monospace;margin:0;font-weight:600;position:relative;height:100%}.heading svg{width:16px}.heading>button{aspect-ratio:1;background:#0000;border:0;cursor:pointer;display:grid;place-items:center;position:absolute;right:.75rem;top:50%;translate:0 -50%}.heading>button:is(:focus-visible,:hover){--opacity:1}.heading>button:after{content:"";position:absolute;inset:0;border-radius:6px;background:hsl(0 0% 50%/.22);opacity:var(--opacity,0);transition:opacity .24s}.content__heading{padding:0}.main,.table-slot{position:relative}.main{border-radius:12px;text-transform:lowercase}.main:before,.table-slot:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid hsl(280 80% 80%);background:repeating-linear-gradient(-45deg,transparent 0 4px,hsl(280 80% 80%) 4px 5px);z-index:-1}.status{background:canvas;border-radius:6px;height:100%}.content--table,.status{border:1px solid color-mix(in hsl,canvas,canvasText 15%)}.content--table{background:color-mix(in hsl,canvas,canvasText 1%);border-radius:6px}dialog{transition-behavior:allow-discrete;transition-property:display,opacity,translate,scale,filter;transition-duration:.26s;opacity:0;translate:0 -12px;transform-origin:50% 0;scale:.9;filter:blur(4px)}dialog[open]{opacity:1;scale:1;translate:0 0;filter:blur(0)}@starting-style{dialog[open]{filter:blur(4px);opacity:0;scale:.9;translate:0 -12px}}dialog{margin:0;position:absolute;left:unset;top:-2px;right:0;z-index:99999;border-radius:6px;background:canvasText;color:canvas;padding:.1rem;width:var(--dialog-width);height:var(--dialog-height);border:0}dialog hr{margin:0;width:100%;margin-block:.1rem;width:calc(100% + .2rem);translate:-.1rem 0;border:1px solid color-mix(in hsl,canvas,canvasText 50%);border-bottom:0}dialog svg{width:16px}dialog button{width:100%;display:flex;gap:.5rem;align-items:center;padding:.5rem;border:0;border-radius:calc(6px - .1rem);cursor:pointer;background:#0000;font-weight:300;color:color-mix(in hsl,currentColor,#0000 20%);position:relative}dialog button:is(:focus-visible,:hover){background:hsl(0 0% 50%/.4)}.badge{align-items:center;background:color-mix(in hsl,var(--accent),#0000 90%);border:1px solid var(--accent);color:var(--accent);display:flex;font-size:12px;font-weight:300;gap:.35rem;line-height:1;padding:.05rem .15rem}.badge,dl{border-radius:6px}dl{background:canvas;height:var(--content-size);color:color-mix(in hsl,canvasText,canvas);display:grid;font-size:.875rem;grid-template-columns:1fr auto;grid-auto-rows:1.25rem;margin:0;padding:.75rem;gap:.5rem 0;z-index:2;overflow:hidden}dl svg{width:16px}dl dt{gap:.5rem}dl dd,dl dt{align-items:center;display:flex}dl dd{font-weight:400;color:canvasText;margin:0;justify-content:flex-end}dl .prepaid{color:hsl(140 80% 40%);position:relative}dl .prepaid:after{content:"";width:6px;aspect-ratio:1;border-radius:50%;background:currentColor;position:absolute;left:0;top:50%;translate:-1ch -50%}.slide-wrapper{margin:auto;width:-moz-fit-content;width:fit-content;overflow:visible;transition:transform 1s ease-in-out;transition-delay:0}.hero-interactive-table-root[data-exploded=true] .slide-wrapper{transform:translateX(-10%);transition-delay:0}.hero-interactive-table-root[data-exploded=false] .slide-wrapper{transform:translateX(0);transition-delay:.9s}