@property --tt-cube-sweep{syntax:"<angle>";inherits:false;initial-value:360deg}.tt-cube{--tt-cube-port:3.5rem;--tt-cube-radius:.75rem;--tt-cube-inset:.25rem;--tt-cube-size:calc(var(--tt-cube-port) - 2px - var(--tt-cube-inset));--tt-lc-socket-reach:.5rem;--tt-cube-ground:var(--lightningcss-light,var(--tt-surface-raised))var(--lightningcss-dark,#1b2026);--tt-cube-glow-reach:.375rem;--tt-cube-shadow-reach:.3125rem;--tt-cube-badge-gap:.125rem;--tt-cube-k:var(--tt-depth-k,1);--tt-cube-gain:var(--tt-glow-gain,1);--tt-cube-hi:var(--lightningcss-light,rgb(255 255 255/calc(.9 * var(--tt-cube-k))))var(--lightningcss-dark,rgb(255 255 255/calc(.16 * var(--tt-cube-k))));--tt-cube-lo:var(--lightningcss-light,rgb(0 0 0/calc(.14 * var(--tt-cube-k))))var(--lightningcss-dark,rgb(0 0 0/calc(.55 * var(--tt-cube-k))));--tt-cube-sink:var(--lightningcss-light,#00000029)var(--lightningcss-dark,#0000008c);--tt-cube-bevel:inset 0 1px 0 var(--tt-cube-hi), inset 0 -1px 0 var(--tt-cube-lo);--tt-cube-lift:0 2px 5px -2px rgb(0 0 0/calc((.3 + .1 * (var(--tt-cube-gain) - 1)) * var(--tt-cube-k)));--tt-cube-rest:var(--tt-cube-bevel), var(--tt-cube-lift);--tt-cube-press:var(--tt-level-press-shadow,inset 0 1px 2px #00000059), inset 0 2px 5px var(--tt-cube-sink), inset 0 -1px 0 #ffffff0d;--tt-cube-glow:.42;--tt-cube-plate-radius:1.25rem;--tt-cube-shade-drop:.4375rem;--tt-cube-shade-spread:1rem;--tt-cube-floor:.75rem;isolation:isolate;padding:var(--tt-lc-socket-reach);align-items:center;line-height:1;display:inline-flex;position:relative}.tt-cube .tt-cube__port{isolation:isolate;box-sizing:border-box;width:var(--tt-cube-port);height:var(--tt-cube-port);border:1px solid var(--tt-line-strong);border-radius:var(--tt-cube-radius);background-color:var(--tt-cube-ground);min-width:44px;min-height:44px;box-shadow:var(--tt-cube-rest);color:var(--tt-text-primary,var(--tt-text));cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--tt-motion-fast,.12s) ease, box-shadow var(--tt-motion-fast,.12s) ease, border-color var(--tt-motion-fast,.12s) ease;background-image:linear-gradient(165deg,var(--lightningcss-light,#fff0)var(--lightningcss-dark,#ffffff12),#0000 52%);place-items:center;padding:0;display:inline-grid;position:relative}.tt-cube .tt-cube__port:hover{border-color:var(--tt-text-secondary)}.tt-cube .tt-cube__port:active{box-shadow:var(--tt-cube-press);transform:translateY(1px)scale(.97)}.tt-cube .tt-cube__port:focus-visible{outline:2px solid var(--tt-focus);outline-offset:2px}.tt-cube__seat{width:var(--tt-cube-size);height:var(--tt-cube-size);place-items:center;display:grid}.tt-cube:before{content:"";box-sizing:border-box;pointer-events:none;z-index:-3;left:50%;bottom:calc(-1 * var(--tt-cube-shade-drop));width:calc(100% + 2 * var(--tt-cube-shade-spread));height:calc(2 * var(--tt-cube-shade-drop));background:radial-gradient(closest-side, var(--lightningcss-light,rgb(0 0 0/calc(.28 * var(--tt-cube-k) * var(--tt-cube-gain))))var(--lightningcss-dark,rgb(0 0 0/calc(.5 * var(--tt-cube-k) * var(--tt-cube-gain)))), transparent);border-radius:50%;position:absolute;translate:-50%}.tt-cube:after{content:"";box-sizing:border-box;pointer-events:none;z-index:-2;border:1px solid var(--tt-line-strong);border-radius:var(--tt-cube-plate-radius);background:var(--tt-level-well-bg);width:100%;box-shadow:var(--tt-level-well-shadow,inset 0 2px 6px #00000059), 0 1px 0 rgb(255 255 255/calc(.1 * var(--tt-cube-k)));position:absolute;top:0;bottom:0;left:50%;translate:-50%}@media (prefers-reduced-motion:no-preference){.tt-cube:before{transition:scale var(--tt-motion-fast,.12s) ease}.tt-cube:has(.tt-cube__port:active):before{scale:.86 .7}}.tt-cube__dark{-webkit-mask-image:linear-gradient(var(--lightningcss-light,#0000)var(--lightningcss-dark,#000) 0 0);position:absolute;inset:0;mask-image:linear-gradient(var(--lightningcss-light,#0000)var(--lightningcss-dark,#000) 0 0)}.tt-cube__light{-webkit-mask-image:linear-gradient(var(--lightningcss-light,#000)var(--lightningcss-dark,#0000) 0 0);position:absolute;inset:0;mask-image:linear-gradient(var(--lightningcss-light,#000)var(--lightningcss-dark,#0000) 0 0)}.tt-cube__mark{width:var(--tt-cube-size);height:var(--tt-cube-size);grid-area:1/1;display:block;position:relative}.tt-cube__img,.tt-cube__lit{width:var(--tt-cube-size);height:var(--tt-cube-size);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.tt-cube__lit{opacity:0;position:absolute;inset:0}.tt-cube__lit--top{clip-path:polygon(0 0,100% 0,100% 21%,50% 45%,0 21%)}.tt-cube__lit--left{clip-path:polygon(0 21%,50% 45%,50% 100%,0 100%)}.tt-cube__lit--right{clip-path:polygon(100% 21%,50% 45%,50% 100%,100% 100%)}.tt-cube[data-cube-draw=waiting] .tt-cube__img,.tt-cube[data-cube-draw=drawing] .tt-cube__img{--tt-cube-sweep:-14deg;opacity:.42;-webkit-mask-image:conic-gradient(from 0deg at 50% 50%, #000 0deg, #000 var(--tt-cube-sweep), transparent calc(var(--tt-cube-sweep) + 14deg));-webkit-mask-image:conic-gradient(from 0deg at 50% 50%, #000 0deg, #000 var(--tt-cube-sweep), transparent calc(var(--tt-cube-sweep) + 14deg));mask-image:conic-gradient(from 0deg at 50% 50%, #000 0deg, #000 var(--tt-cube-sweep), transparent calc(var(--tt-cube-sweep) + 14deg))}.tt-cube[data-cube-draw=drawing] .tt-cube__img{animation:1.1s cubic-bezier(.45,0,.35,1) both tt-cube-sweep,2.4s linear both tt-cube-base}.tt-cube[data-cube-draw=drawing] .tt-cube__lit--top{animation:.38s ease-out 1s both tt-cube-lit-in,.5s ease-in 1.9s forwards tt-cube-lit-out}.tt-cube[data-cube-draw=drawing] .tt-cube__lit--left{animation:.38s ease-out 1.25s both tt-cube-lit-in,.5s ease-in 1.9s forwards tt-cube-lit-out}.tt-cube[data-cube-draw=drawing] .tt-cube__lit--right{animation:.38s ease-out 1.5s both tt-cube-lit-in,.5s ease-in 1.9s forwards tt-cube-lit-out}@keyframes tt-cube-sweep{0%{--tt-cube-sweep:-14deg}to{--tt-cube-sweep:360deg}}@keyframes tt-cube-base{0%,79%{opacity:.42}to{opacity:1}}@keyframes tt-cube-lit-in{0%{opacity:0}to{opacity:1}}@keyframes tt-cube-lit-out{0%{opacity:1}to{opacity:0}}.tt-cube__badge{z-index:2;top:calc(var(--tt-cube-badge-gap) + .125rem);right:calc(var(--tt-cube-badge-gap) + .125rem);box-sizing:border-box;background:var(--tt-signal,#58cd99);min-width:1.125rem;height:1.125rem;box-shadow:0 0 0 .125rem var(--tt-cube-ground);color:var(--tt-ink-on-accent,#03110b);font-family:var(--tt-font-sans,system-ui, sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-.01em;pointer-events:none;border-radius:.375rem;place-items:center;padding:0 .1875rem;font-size:.6875rem;font-weight:700;line-height:1;animation:.32s cubic-bezier(.22,.9,.26,1) both tt-cube-tick;display:grid;position:absolute}@keyframes tt-cube-tick{0%{opacity:.4;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tt-cube .tt-cube__glow{z-index:-1;top:var(--tt-lc-socket-reach);right:var(--tt-lc-socket-reach);bottom:var(--tt-lc-socket-reach);left:var(--tt-lc-socket-reach);border-radius:var(--tt-cube-radius);box-shadow:0 0 var(--tt-cube-glow-reach) .0625rem rgb(88 205 153/min(calc(var(--tt-cube-glow) * var(--tt-cube-gain)), .95));opacity:0;pointer-events:none;position:absolute}.tt-cube[data-cube-needs=true][data-cube-draw=done] .tt-cube__glow{animation:4.8s ease-in-out infinite both tt-cube-breathe}@keyframes tt-cube-breathe{0%,to{opacity:.35}50%{opacity:1}}.tt-cube__moment{opacity:0;pointer-events:none;place-items:center;animation:2.4s ease-in-out both tt-cube-moment;display:grid;position:absolute;inset:0}.tt-cube[data-cube-moment=on] .tt-cube__img{animation:2.4s ease-in-out both tt-cube-dim}@keyframes tt-cube-moment{0%{opacity:0;transform:scale(.85)}14%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes tt-cube-dim{0%,to{opacity:1}14%,80%{opacity:.12}}.tt-cube__seat{position:relative}@media (prefers-reduced-motion:reduce){.tt-cube[data-cube-draw] .tt-cube__img,.tt-cube[data-cube-draw] .tt-cube__lit--top,.tt-cube[data-cube-draw] .tt-cube__lit--left,.tt-cube[data-cube-draw] .tt-cube__lit--right,.tt-cube[data-cube-draw] .tt-cube__moment,.tt-cube[data-cube-draw] .tt-cube__badge,.tt-cube[data-cube-needs][data-cube-draw] .tt-cube__glow{animation:none}.tt-cube .tt-cube__port{transition:none}.tt-cube .tt-cube__port:active{transform:none}.tt-cube[data-cube-draw] .tt-cube__img{opacity:1;-webkit-mask-image:none;mask-image:none}.tt-cube .tt-cube__lit,.tt-cube .tt-cube__moment{display:none}.tt-cube[data-cube-needs=true][data-cube-draw] .tt-cube__glow{opacity:.7}}@media (forced-colors:active){.tt-cube .tt-cube__port{background-image:none;border-color:buttontext}.tt-cube__badge{color:buttonface;background:buttontext;border:1px solid buttontext}}
