.hc{background:radial-gradient(60% 80% at 75% 110%, #00bf6f59, transparent 70%), radial-gradient(40% 60% at 10% 0%, #b6f09c1f, transparent 70%), var(--color-jungle-green)}.hc-bezel{background:conic-gradient(from 210deg,#8fa7a0,#e8f0ed,#7d948d,#cfdcd7,#8fa7a0);width:15rem;height:15rem;padding:.9rem;transition:transform .2s;box-shadow:0 30px 60px -20px #000000b3,inset 0 2px 3px #ffffff80}.hc-cap{color:#fffdf9;background:radial-gradient(circle at 50% 35%,#134a3d,#06231d 70%);width:100%;height:100%;transition:box-shadow .3s;box-shadow:inset 0 0 0 3px #00bf6fd9,inset 0 0 28px #00bf6f59,0 0 36px #00bf6f59}.hc-icon{color:#7fe3b0;filter:drop-shadow(0 0 8px #00bf6fcc)}.hc-start:is(:hover,:focus-visible) .hc-cap{box-shadow:inset 0 0 0 3px #7fe3b0,inset 0 0 36px #00bf6f8c,0 0 60px #00bf6f99}.hc-start:active .hc-bezel{transform:scale(.97)}@media (max-width:549px){.hc-bezel{width:12.5rem;height:12.5rem}}
.en{--en-enamel:#f2eee5;--en-enamel-2:#e2dccf;--en-window:#12332c;--en-metal:#9fb2ac;--en-metal-hi:#c9d6d1;--en-brass:#d6a446;--en-ink:#0e2a24;--en-dial:#fffdf9;--en-green:#00bf6f;--en-pastel:#b6f09c;--en-glow:#00bf6f8c;--en-cast:#0e2a241f;--en-hilite:#00bf6f;--en-green-ink:#006b43}[data-theme=dark] .en{--en-enamel:#2b4039;--en-enamel-2:#20332e;--en-window:#0a1714;--en-metal:#5f7a72;--en-metal-hi:#87a39a;--en-brass:#c39340;--en-ink:#e8f2ee;--en-dial:#10201c;--en-cast:#00000059;--en-hilite:#7fe3b0;--en-green-ink:#7fe3b0}.en-hilite{fill:none;stroke:var(--en-hilite);stroke-width:3px;stroke-dasharray:6 5;opacity:0;pointer-events:all;transition:opacity .25s}.en-part{cursor:pointer;transition:opacity .25s}.en-spark{opacity:0}.en-marker{pointer-events:none;transition:transform .25s,background-color .25s;transform:translate(-50%,-50%)}.en:has(:is(.en-item,.en-part):is(:hover,:focus-visible)) .en-part{opacity:.4}:is(.en:has(:is(.en-item,.en-part)[data-part=catalog]:is(:hover,:focus-visible)) .en-part[data-part=catalog],.en:has(:is(.en-item,.en-part)[data-part=orders]:is(:hover,:focus-visible)) .en-part[data-part=orders],.en:has(:is(.en-item,.en-part)[data-part=payments]:is(:hover,:focus-visible)) .en-part[data-part=payments],.en:has(:is(.en-item,.en-part)[data-part=shipping]:is(:hover,:focus-visible)) .en-part[data-part=shipping],.en:has(:is(.en-item,.en-part)[data-part=pos]:is(:hover,:focus-visible)) .en-part[data-part=pos],.en:has(:is(.en-item,.en-part)[data-part=marketing]:is(:hover,:focus-visible)) .en-part[data-part=marketing],.en:has(:is(.en-item,.en-part)[data-part=promotions]:is(:hover,:focus-visible)) .en-part[data-part=promotions],.en:has(:is(.en-item,.en-part)[data-part=loyalty]:is(:hover,:focus-visible)) .en-part[data-part=loyalty],.en:has(:is(.en-item,.en-part)[data-part=analytics]:is(:hover,:focus-visible)) .en-part[data-part=analytics]),:is(.en:has(:is(.en-item,.en-part)[data-part=catalog]:is(:hover,:focus-visible)) .en-part[data-part=catalog] .en-hilite,.en:has(:is(.en-item,.en-part)[data-part=orders]:is(:hover,:focus-visible)) .en-part[data-part=orders] .en-hilite,.en:has(:is(.en-item,.en-part)[data-part=payments]:is(:hover,:focus-visible)) .en-part[data-part=payments] .en-hilite,.en:has(:is(.en-item,.en-part)[data-part=shipping]:is(:hover,:focus-visible)) .en-part[data-part=shipping] .en-hilite,.en:has(:is(.en-item,.en-part)[data-part=pos]:is(:hover,:focus-visible)) .en-part[data-part=pos] .en-hilite,.en:has(:is(.en-item,.en-part)[data-part=marketing]:is(:hover,:focus-visible)) .en-part[data-part=marketing] .en-hilite,.en:has(:is(.en-item,.en-part)[data-part=promotions]:is(:hover,:focus-visible)) .en-part[data-part=promotions] .en-hilite,.en:has(:is(.en-item,.en-part)[data-part=loyalty]:is(:hover,:focus-visible)) .en-part[data-part=loyalty] .en-hilite,.en:has(:is(.en-item,.en-part)[data-part=analytics]:is(:hover,:focus-visible)) .en-part[data-part=analytics] .en-hilite){opacity:1}:is(.en:has(:is(.en-item,.en-part)[data-part=catalog]:is(:hover,:focus-visible)) .en-marker[data-part=catalog],.en:has(:is(.en-item,.en-part)[data-part=orders]:is(:hover,:focus-visible)) .en-marker[data-part=orders],.en:has(:is(.en-item,.en-part)[data-part=payments]:is(:hover,:focus-visible)) .en-marker[data-part=payments],.en:has(:is(.en-item,.en-part)[data-part=shipping]:is(:hover,:focus-visible)) .en-marker[data-part=shipping],.en:has(:is(.en-item,.en-part)[data-part=pos]:is(:hover,:focus-visible)) .en-marker[data-part=pos],.en:has(:is(.en-item,.en-part)[data-part=marketing]:is(:hover,:focus-visible)) .en-marker[data-part=marketing],.en:has(:is(.en-item,.en-part)[data-part=promotions]:is(:hover,:focus-visible)) .en-marker[data-part=promotions],.en:has(:is(.en-item,.en-part)[data-part=loyalty]:is(:hover,:focus-visible)) .en-marker[data-part=loyalty],.en:has(:is(.en-item,.en-part)[data-part=analytics]:is(:hover,:focus-visible)) .en-marker[data-part=analytics]){background:var(--en-green);color:#002e27;transform:translate(-50%,-50%)scale(1.15)}:is(.en:has(:is(.en-item,.en-part)[data-part=catalog]:is(:hover,:focus-visible)) .en-item[data-part=catalog],.en:has(:is(.en-item,.en-part)[data-part=orders]:is(:hover,:focus-visible)) .en-item[data-part=orders],.en:has(:is(.en-item,.en-part)[data-part=payments]:is(:hover,:focus-visible)) .en-item[data-part=payments],.en:has(:is(.en-item,.en-part)[data-part=shipping]:is(:hover,:focus-visible)) .en-item[data-part=shipping],.en:has(:is(.en-item,.en-part)[data-part=pos]:is(:hover,:focus-visible)) .en-item[data-part=pos],.en:has(:is(.en-item,.en-part)[data-part=marketing]:is(:hover,:focus-visible)) .en-item[data-part=marketing],.en:has(:is(.en-item,.en-part)[data-part=promotions]:is(:hover,:focus-visible)) .en-item[data-part=promotions],.en:has(:is(.en-item,.en-part)[data-part=loyalty]:is(:hover,:focus-visible)) .en-item[data-part=loyalty],.en:has(:is(.en-item,.en-part)[data-part=analytics]:is(:hover,:focus-visible)) .en-item[data-part=analytics]){background:color-mix(in srgb, var(--en-green) 12%, transparent);box-shadow:inset 0 0 0 1.5px var(--en-green)}:is(.en:has(:is(.en-item,.en-part)[data-part=catalog]:is(:hover,:focus-visible)) .en-item[data-part=catalog] .en-num,.en:has(:is(.en-item,.en-part)[data-part=orders]:is(:hover,:focus-visible)) .en-item[data-part=orders] .en-num,.en:has(:is(.en-item,.en-part)[data-part=payments]:is(:hover,:focus-visible)) .en-item[data-part=payments] .en-num,.en:has(:is(.en-item,.en-part)[data-part=shipping]:is(:hover,:focus-visible)) .en-item[data-part=shipping] .en-num,.en:has(:is(.en-item,.en-part)[data-part=pos]:is(:hover,:focus-visible)) .en-item[data-part=pos] .en-num,.en:has(:is(.en-item,.en-part)[data-part=marketing]:is(:hover,:focus-visible)) .en-item[data-part=marketing] .en-num,.en:has(:is(.en-item,.en-part)[data-part=promotions]:is(:hover,:focus-visible)) .en-item[data-part=promotions] .en-num,.en:has(:is(.en-item,.en-part)[data-part=loyalty]:is(:hover,:focus-visible)) .en-item[data-part=loyalty] .en-num,.en:has(:is(.en-item,.en-part)[data-part=analytics]:is(:hover,:focus-visible)) .en-item[data-part=analytics] .en-num){background:var(--en-green);color:#002e27}:is(.en:has(:is(.en-item,.en-part)[data-part=catalog]:is(:hover,:focus-visible)) .en-item[data-part=catalog] .en-arrow,.en:has(:is(.en-item,.en-part)[data-part=orders]:is(:hover,:focus-visible)) .en-item[data-part=orders] .en-arrow,.en:has(:is(.en-item,.en-part)[data-part=payments]:is(:hover,:focus-visible)) .en-item[data-part=payments] .en-arrow,.en:has(:is(.en-item,.en-part)[data-part=shipping]:is(:hover,:focus-visible)) .en-item[data-part=shipping] .en-arrow,.en:has(:is(.en-item,.en-part)[data-part=pos]:is(:hover,:focus-visible)) .en-item[data-part=pos] .en-arrow,.en:has(:is(.en-item,.en-part)[data-part=marketing]:is(:hover,:focus-visible)) .en-item[data-part=marketing] .en-arrow,.en:has(:is(.en-item,.en-part)[data-part=promotions]:is(:hover,:focus-visible)) .en-item[data-part=promotions] .en-arrow,.en:has(:is(.en-item,.en-part)[data-part=loyalty]:is(:hover,:focus-visible)) .en-item[data-part=loyalty] .en-arrow,.en:has(:is(.en-item,.en-part)[data-part=analytics]:is(:hover,:focus-visible)) .en-item[data-part=analytics] .en-arrow){color:var(--en-green-ink)}@keyframes en-fire{50%{transform:translateY(26px)}}@keyframes en-spark{0%,to{opacity:0}35%{opacity:1}}@keyframes en-turn{0%{rotate:-2turn}}@keyframes en-climb{0%{rotate:-110deg}}@keyframes en-breathe{50%{opacity:.2}}.en-needle{rotate:40deg}.en-stage:is([data-state=running],[data-state=waiting]) .en-piston{animation:en-fire .5s ease-in-out calc(.35s + var(--i) * .26s) both}.en-stage:is([data-state=running],[data-state=waiting]) .en-spark{animation:en-spark .4s ease-out calc(.35s + var(--i) * .26s) both}.en-stage:is([data-state=running],[data-state=waiting]) :is(.en-crank,.en-flywheel){animation:2.4s cubic-bezier(.3,0,.2,1) .2s both en-turn}.en-stage:is([data-state=running],[data-state=waiting]) .en-turbo{animation:2.2s cubic-bezier(.3,0,.2,1) .45s both en-turn}.en-stage:is([data-state=running],[data-state=waiting]) .en-needle{animation:1.8s cubic-bezier(.22,1,.36,1) .6s both en-climb}.en-stage:is([data-state=running],[data-state=waiting]) .en-air{animation:.7s ease-in-out .1s 2 en-breathe}.en-stage[data-state=waiting] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.en-stage *{animation:none!important}}
.hb-stage{grid-template-columns:minmax(0,1fr)}.hb-terminal{z-index:2;background:linear-gradient(#0c332b,#06231d);border:1px solid #fffdf91f;justify-self:end;width:min(23rem,100%);position:relative;box-shadow:0 30px 60px -24px #000a08f2}.hb-browser{z-index:1;width:min(36rem,100%);margin-top:-2.25rem;position:relative}.hb-order{justify-self:start;margin-top:-1rem;margin-left:1.5rem;position:relative;transform:rotate(-2deg)}.hb-shelf{grid-template-columns:minmax(0,1fr) 12rem}.hb-drawer{width:13.5rem;top:2.75rem}@media (max-width:549px){.hb-shelf{grid-template-columns:minmax(0,1fr)}.hb-banner{display:none}.hb-drawer{width:62%}.hb-browser{margin-top:-.75rem}.hb-order{margin-top:.75rem;margin-left:.75rem}}.hb-window{animation:hb-window .8s cubic-bezier(.22, .61, .36, 1) var(--d) backwards}@keyframes hb-window{0%{opacity:0;transform:translateY(1.25rem)scale(.985)}}.hb-type{width:calc(var(--n) * 1ch);vertical-align:bottom;white-space:nowrap;animation:hb-type var(--t) steps(var(--n), end) var(--d) backwards;display:inline-block;overflow:hidden}@keyframes hb-type{0%{width:0}}.hb-line{white-space:nowrap}@media (max-width:359px){.hb-line,.hb-type{white-space:normal}.hb-line{text-indent:-2ch;padding-left:2ch}.hb-type{width:auto;animation:hb-in .4s ease-out var(--d) backwards;display:inline}}.hb-in{animation:hb-in .4s ease-out var(--d) backwards}@keyframes hb-in{0%{opacity:0;transform:translateY(.25rem)}}.hb-out{opacity:0;animation:hb-out .3s ease-in var(--d) backwards}@keyframes hb-out{0%{opacity:1}}.hb-pop{animation:hb-pop .5s cubic-bezier(.34, 1.56, .64, 1) var(--d) backwards}@keyframes hb-pop{0%{opacity:0;transform:scale(.85)}}.hb-drawer{animation:hb-drawer .7s cubic-bezier(.32, .72, 0, 1) var(--d) backwards}@keyframes hb-drawer{0%{transform:translate(100%)}}.hb-press{animation:hb-press .4s ease-in-out var(--d)}@keyframes hb-press{50%{background-color:#0b3a31;transform:scale(.95)}}.hb-rise{animation:hb-rise .6s cubic-bezier(.34, 1.4, .64, 1) var(--d) backwards}@keyframes hb-rise{0%{opacity:0;transform:translateY(1.5rem)rotate(-2deg)}}.hb-spin{animation:.9s linear 5 hb-spin}@keyframes hb-spin{to{transform:rotate(1turn)}}.hb-caret{animation:hb-caret 1.1s steps(1, end) var(--d) 4}.hb-hero:has([data-shader-pause][aria-pressed=true]) .hb-stage *{animation-play-state:paused!important}@keyframes hb-caret{50%{opacity:0}}
.sol{--sol-wall:#f2eee5;--sol-door:#12332c;--sol-ground:#e2dccf;--sol-parcel:#d8ab72;--sol-tape:#b98448;--sol-paper:#fffdf9;--sol-brass:#d6a446;--sol-green:#00bf6f;--sol-pastel:#b6f09c;--sol-aqua:#6fd3c4;--sol-ink:#0e2a24}[data-theme=dark] .sol{--sol-wall:#23352f;--sol-door:#0a1714;--sol-ground:#1b2a26;--sol-paper:#e8f2ee;--sol-ink:#e8f2ee}.sol-stage{background:linear-gradient(180deg, color-mix(in srgb, var(--sol-pastel) 22%, transparent), transparent)}@media (prefers-reduced-motion:no-preference){.sol-pop{transition:translate .35s cubic-bezier(.34,1.56,.64,1)}.sol-card:is(:hover,:focus-visible) .sol-pop{translate:0 -6px}}