.hero-wall{--wall-ground:#161413;--wall-w:clamp(112px,11.6vw,196px);--wall-gap:clamp(10px,1.05vw,16px);--wall-ease:cubic-bezier(0.2,0.8,0.2,1);background:var(--wall-ground);isolation:isolate}.hero-wall .hero-scene{position:absolute;inset:0;top:0;right:0;width:auto;aspect-ratio:auto;translate:none;opacity:1;overflow:hidden}.wall-tilt{position:absolute;top:50%;left:50%;display:flex;gap:var(--wall-gap);height:150%;transform:translate(-50%,-50%) rotate(-6deg);animation:wall-in 1.1s var(--wall-ease) both}@keyframes wall-in{0%{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(1.04)}}.wall-col{flex:none;width:var(--wall-w);height:100%}.wall-track{display:flex;flex-direction:column;animation:var(--wall-dir) var(--wall-dur) linear var(--wall-delay) infinite;will-change:transform;contain:layout paint}.wall-col.is-up{--wall-dir:wall-up}.wall-col.is-down{--wall-dir:wall-down}@keyframes wall-up{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@keyframes wall-down{0%{transform:translate3d(0,-50%,0)}to{transform:translateZ(0)}}.hero-wall[data-paused] .wall-track{animation-play-state:paused;will-change:auto}.hero-wall:not([data-ready]) .wall-tilt{animation-play-state:paused}.wall-item{position:relative;margin-bottom:var(--wall-gap)}.wall-card{position:relative;aspect-ratio:733/1024;overflow:hidden;border-radius:calc(var(--wall-w) * .045);background:#2a2420;box-shadow:0 0 0 1px rgb(255 255 255/4%),0 10px 18px -12px rgb(0 0 0/70%)}.wall-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.92)}.wall-scrim{background:radial-gradient(40% 50% at max(30%,calc(50% - 300px)) 46%,rgb(232 160 80/7%) 0,transparent 70%),radial-gradient(130% 100% at 66% 48%,rgb(10 8 7/0) 58%,rgb(10 8 7/45%) 100%),radial-gradient(760px 640px at max(32%,calc(50% - 286px)) 52%,rgb(22 20 19/82%) 0,rgb(22 20 19/55%) 55%,rgb(22 20 19/0) 100%),linear-gradient(90deg,rgb(22 20 19/96%),rgb(22 20 19/90%) max(34%,calc(50% - 120px)),rgb(22 20 19/52%) max(54%,calc(50% + 120px)),rgb(22 20 19/8%) max(70%,calc(50% + 330px)),rgb(22 20 19/18%)),linear-gradient(180deg,rgb(22 20 19/80%),rgb(22 20 19/0) 22%,rgb(22 20 19/0) 72%,rgb(22 20 19/88%))}.wall-grain,.wall-scrim{position:absolute;inset:0;pointer-events:none}.wall-grain{opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.wall-proof{display:flex;align-items:center;gap:8px;margin-top:32px;font-size:13.5px;color:rgb(255 255 255/64%);font-variant-numeric:tabular-nums}.wall-proof i{width:6px;height:6px;border-radius:999px;background:#1f9d63;box-shadow:0 0 0 3px rgb(31 157 99/22%)}@media (max-width:1023px){.wall-scrim{background:linear-gradient(180deg,rgb(22 20 19/78%) 0,rgb(22 20 19/22%) 16%,rgb(22 20 19/28%) 34%,rgb(22 20 19/88%) 56%,var(--wall-ground) 74%)}}@media (min-width:768px) and (max-width:1023px){.hero-wall{--wall-w:150px}.wall-scrim{background:linear-gradient(180deg,rgb(22 20 19/70%) 0,rgb(22 20 19/6%) 14%,rgb(22 20 19/10%) 48%,rgb(22 20 19/86%) 66%,var(--wall-ground) 80%)}}@media (max-width:767px){.hero-wall{--wall-w:104px;--wall-gap:9px}.wall-scrim{background:linear-gradient(180deg,rgb(22 20 19/72%) 0,rgb(22 20 19/8%) 13%,rgb(22 20 19/14%) 40%,rgb(22 20 19/90%) 56%,var(--wall-ground) 70%)}.wall-col:nth-child(n+6){display:none}.wall-proof{margin-top:22px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.wall-tilt{animation:none}.wall-track{animation-play-state:paused}}.inv{--ease:cubic-bezier(0.2,0.8,0.2,1);position:relative;padding:14px 14px 72px;overflow:hidden;background:#f4f4f4;color:var(--color-ink);font-size:12.5px;text-align:left}.inv-top{display:flex;align-items:center;gap:4px;margin-bottom:10px}.inv-tab{padding:5px 10px;border-radius:8px;color:var(--color-ink-2);font-weight:600;white-space:nowrap}.inv-tab[data-on]{background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/7%);color:var(--color-ink)}.inv-search{margin-left:auto;min-width:180px;padding:6px 12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/10%);color:var(--color-ink-3)}.inv-table{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/6%),0 1px 2px rgb(0 0 0/4%),0 10px 28px -16px rgb(0 0 0/18%)}.inv-row{display:grid;grid-template-columns:22px minmax(0,2.4fr) .5fr .9fr .9fr .9fr .8fr .8fr;align-items:center;gap:12px;padding:9px 16px;border-top:1px solid rgb(0 0 0/6%);transition:background-color .2s var(--ease)}.inv-row[data-on]{background:#f6f6f6}.inv-head{border-top:0;background:#fafafa;color:var(--color-ink-2);font-weight:600}.inv-num{font-variant-numeric:tabular-nums;text-align:right}.inv-market{color:var(--color-ink-2)}.inv-listed{font-weight:650}.inv-margin{display:flex;flex-direction:column;line-height:1.25}.inv-margin b{font-weight:650}.inv-margin span{color:var(--color-ink-3);font-size:11.5px}.inv-check{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1.5px #c9c9c9;color:transparent;transition:background-color .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease),transform .12s var(--ease)}.inv-check svg{width:10px;height:10px}.inv-check[data-on]{background:var(--color-ink);box-shadow:none;color:#fff;animation:inv-tick .26s var(--ease)}.inv-head .inv-check[data-some]:after{content:"";width:8px;height:2px;border-radius:1px;background:#fff}@keyframes inv-tick{40%{transform:scale(.85)}}.inv-product{display:flex;align-items:center;gap:10px;min-width:0}.inv-product img{flex:none;width:26px;aspect-ratio:733/1024;border-radius:2px;box-shadow:0 2px 5px rgb(0 0 0/22%)}.inv-product>span{display:flex;flex-direction:column;min-width:0;line-height:1.3}.inv-product b{font-weight:600}.inv-product b,.inv-product>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-product>span>span{color:var(--color-ink-2);font-size:12px}.inv-exc{display:inline-block;padding:2px 8px;border-radius:999px;background:#f0f0f0;color:var(--color-set);font-size:11.5px;font-style:normal;font-weight:600;opacity:0;transform:scale(.6)}.inv-exc[data-on]{animation:inv-pop .42s cubic-bezier(.34,1.6,.64,1) both;animation-delay:calc(var(--k) * 90ms)}@keyframes inv-pop{to{opacity:1;transform:none}}.inv-bar{position:absolute;bottom:14px;left:50%;z-index:2;display:flex;align-items:center;gap:2px;padding:6px 8px;border-radius:999px;background:#262524;box-shadow:0 16px 36px -14px rgb(0 0 0/50%);color:#fff;white-space:nowrap;opacity:0;transform:translate(-50%,24px);transition:opacity .22s var(--ease),transform .38s cubic-bezier(.34,1.3,.64,1)}.inv-bar[data-on]{opacity:1;transform:translate(-50%)}.inv-bar-item{position:relative;padding:6px 12px;border-radius:999px;font-weight:600;transition:background-color .16s var(--ease)}.inv-bar-item[data-on]{background:rgb(255 255 255/14%)}.inv-bar-item b{font-weight:650;font-variant-numeric:tabular-nums}.inv-bar-sep{width:1px;height:18px;margin:0 4px;background:rgb(255 255 255/20%)}.inv-menu{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;flex-direction:column;min-width:200px;padding:6px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/7%),0 12px 32px -12px rgb(0 0 0/28%);color:var(--color-ink);font-weight:500;opacity:0;pointer-events:none;transform:translateY(6px) scale(.97);transform-origin:bottom left;transition:opacity .16s var(--ease),transform .22s var(--ease)}.inv-menu[data-on]{opacity:1;transform:none}.inv-menu-item{display:flex;flex-direction:column;padding:7px 10px;border-radius:8px;transition:background-color .14s var(--ease)}.inv-menu-item[data-on]{background:#f4f4f4}.inv-menu-item small{color:var(--color-ink-3);font-size:11.5px}@media (max-width:1100px){.inv-row{grid-template-columns:22px minmax(0,2.4fr) .9fr .9fr .8fr}.inv-row>:nth-child(3),.inv-row>:nth-child(5),.inv-row>:nth-child(7),.inv-tab:not([data-on]){display:none}}@media (max-width:640px){.inv-row{grid-template-columns:22px minmax(0,1fr) auto}.inv-bar-item:nth-child(4),.inv-bar-item:nth-child(5),.inv-bar-item:nth-child(6),.inv-row>:nth-child(6),.inv-row>:nth-child(8){display:none}}@media (prefers-reduced-motion:reduce){.inv *,.inv :after,.inv :before{animation:none!important;transition:none!important}.inv-exc[data-on]{opacity:1;transform:none}}.pos{--ease:cubic-bezier(0.2,0.8,0.2,1);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:18px;height:100%;padding:18px 4px 20px;color:var(--color-ink);font-size:12.5px;text-align:left}.pos-items{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:14px}.pos-single{position:relative;width:46%;max-width:132px;transform:rotate(-4deg)}.pos-loader{padding:7px 7px 26px;border-radius:6px;background:linear-gradient(160deg,rgb(255 255 255/85%),rgb(240 240 240/70%));box-shadow:0 0 0 1px rgb(0 0 0/8%),0 10px 24px -10px rgb(0 0 0/35%)}.pos-loader img{display:block;width:100%;aspect-ratio:733/1024;border-radius:4px}.pos-label{position:absolute;right:-10px;bottom:-14px;left:-10px;display:flex;flex-direction:column;gap:1px;padding:6px 8px 7px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/8%),0 6px 14px -6px rgb(0 0 0/30%);transform:rotate(2deg)}.pos-label-name{font-size:10.5px;font-weight:650;white-space:nowrap}.pos-label-meta{color:var(--color-ink-2);font-size:10px}.pos-label-meta b{color:var(--color-ink)}.pos-code{display:block;width:100%;height:22px;margin-top:3px;fill:var(--color-ink)}.pos-sealed{position:relative;width:38%;max-width:110px;transform:rotate(5deg)}.pos-pack{position:relative;display:block;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px rgb(0 0 0/6%),0 12px 22px -10px rgb(0 0 0/35%)}.pos-pack img{display:block;width:100%;aspect-ratio:553/1000}.pos-pack:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgb(255 255 255/0) 35%,rgb(255 255 255/35%) 48%,rgb(255 255 255/0) 60%)}.pos-box-code{position:absolute;right:-6px;bottom:10px;width:58%;padding:3px 4px;border-radius:3px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/8%),0 4px 10px -4px rgb(0 0 0/25%);transform:rotate(-3deg)}.pos-box-code .pos-code{height:14px;margin:0}.pos-laser-wrap{position:relative;display:block}.pos-laser{position:absolute;top:-3px;bottom:-3px;left:0;width:2px;border-radius:2px;background:#f2867a;box-shadow:0 0 6px 2px rgb(242 134 122/45%),0 0 14px 4px rgb(242 134 122/20%);opacity:0}[data-scan] .pos-laser{animation:pos-sweep .62s ease-in-out both}@keyframes pos-sweep{0%{opacity:0;left:0}10%{opacity:1}90%{opacity:1}to{opacity:0;left:calc(100% - 2px)}}[data-done] .pos-code{animation:pos-read .52s var(--ease)}@keyframes pos-read{0%{fill:#1f9d63}to{fill:var(--color-ink)}}[data-done] .pos-box-code,[data-done] .pos-label{animation:pos-ok .52s var(--ease)}@keyframes pos-ok{0%{box-shadow:0 0 0 2px #1f9d63,0 6px 14px -6px rgb(0 0 0/30%)}}.pos-cart{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/6%),0 1px 2px rgb(0 0 0/4%),0 10px 28px -16px rgb(0 0 0/18%)}.pos-cart-head{color:var(--color-ink-3);font-size:11.5px}.pos-cart-head b{margin-right:4px;color:var(--color-ink);font-size:13px;font-weight:650}.pos-cart ul{display:flex;flex-direction:column;min-height:92px}.pos-cart li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;max-height:0;padding:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .32s var(--ease),padding .32s var(--ease),opacity .24s var(--ease) 80ms,transform .32s var(--ease) 80ms}.pos-cart li[data-on]{max-height:60px;padding:6px 0;opacity:1;transform:none}.pos-cart li+li[data-on]{border-top:1px solid rgb(0 0 0/6%)}.pos-cart li img{width:22px;aspect-ratio:733/1024;object-fit:cover;border-radius:2px;box-shadow:0 2px 5px rgb(0 0 0/22%)}.pos-cart li>span:nth-child(2){display:flex;flex-direction:column;min-width:0;line-height:1.25}.pos-cart li>span:nth-child(2) b{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pos-cart li>span:nth-child(2) span{color:var(--color-ink-2);font-size:11.5px}.pos-cart li>b{font-weight:650;font-variant-numeric:tabular-nums}.pos-stock{padding:5px 8px;border-radius:8px;background:#e3f5ea;color:#12724a;font-size:11.5px;opacity:0;transform:translateY(4px);transition:opacity .26s var(--ease) .2s,transform .32s var(--ease) .2s}.pos-stock[data-on]{opacity:1;transform:none}.pos-stock b{font-weight:650}.pos-total{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid rgb(0 0 0/6%);color:var(--color-ink-2)}.pos-total b{color:var(--color-ink);font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}@media (max-width:480px){.pos{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pos *,.pos :after,.pos :before{animation:none!important;transition:none!important}}.imp{--ease:cubic-bezier(0.2,0.8,0.2,1);--amber-soft:rgb(242 175 51/18%);flex-direction:column;height:100%;padding:14px 14px 0;overflow:hidden;border-radius:12px 12px 0 0;background:#f4f4f4;box-shadow:0 0 0 1px rgb(0 0 0/6%),0 10px 28px -12px rgb(0 0 0/22%);color:var(--color-ink);font-size:12px;text-align:left}.imp,.imp-head{display:flex;gap:10px}.imp-head{align-items:center;justify-content:space-between}.imp-title{font-size:13px;font-weight:650;white-space:nowrap}.imp-file{display:inline-flex;align-items:center;gap:6px;overflow:hidden;padding:3px 8px 3px 4px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/8%);color:var(--color-ink-2);font-size:11.5px;white-space:nowrap;text-overflow:ellipsis;opacity:0;transform:translateY(-10px) scale(.95);transition:opacity .22s var(--ease),transform .42s cubic-bezier(.34,1.5,.64,1)}.imp-file[data-on]{opacity:1;transform:none}.imp-file em{padding:1px 4px;border-radius:4px;background:#f0f0f0;color:var(--color-set);font-size:9.5px;font-style:normal;font-weight:700}.imp-summary{display:flex;align-items:center;gap:4px;color:var(--color-ink-2);font-size:12.5px}.imp-summary b{color:var(--color-ink);font-weight:650;font-variant-numeric:tabular-nums}.imp-go{margin-left:auto;padding:5px 10px;border-radius:8px;background:#e3e3e3;color:var(--color-ink-3);font-weight:600;white-space:nowrap;transition:background-color .22s var(--ease),color .22s var(--ease)}.imp-go[data-on]{background:var(--color-ink);color:#fff}.imp-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:0;flex:1}.imp-rows{padding:4px;overflow:hidden;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/6%)}.imp-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 8px;border-radius:7px;opacity:0;transform:translateX(-8px);transition:opacity .22s var(--ease),transform .3s var(--ease),background-color .26s var(--ease)}.imp-rows li[data-on]{opacity:1;transform:none}.imp-rows li[data-ask]{background:var(--amber-soft)}.imp-rows img{width:20px;aspect-ratio:733/1024;border-radius:2px;box-shadow:0 2px 5px rgb(0 0 0/22%)}.imp-rows li>span:nth-child(2){display:flex;flex-direction:column;min-width:0;line-height:1.3}.imp-rows b{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.imp-note{display:flex;align-items:center;gap:5px;color:var(--color-ink-2);font-size:11px}.imp-note i{width:6px;height:6px;border-radius:50%;background:#1f9d63;transition:background-color .22s var(--ease)}.imp-note[data-s=ask] i{background:#e3a02f}.imp-rowno{color:var(--color-ink-3);font-size:11px;font-variant-numeric:tabular-nums}.imp-ask{position:absolute;top:8px;right:6px;z-index:2;display:flex;flex-direction:column;gap:8px;width:54%;padding:10px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/7%),0 16px 36px -14px rgb(0 0 0/32%);opacity:0;pointer-events:none;transform:translateX(14px) scale(.98);transition:opacity .22s var(--ease),transform .32s var(--ease)}.imp-ask[data-on]{opacity:1;transform:none}.imp-ask-q{color:var(--color-ink-2);font-size:11.5px;line-height:1.4}.imp-ask-q b{color:var(--color-ink);font-weight:650}.imp-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.imp-pick{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:9px;background:radial-gradient(circle at 50% 30%,#fafafa,#ececec);text-align:center;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.imp-pick[data-on]{box-shadow:0 0 0 2px var(--color-ink);transform:translateY(-2px)}.imp-pick img{width:44%;aspect-ratio:733/1024;margin-bottom:4px;border-radius:3px;box-shadow:0 4px 10px rgb(0 0 0/22%)}.imp-pick b{font-size:10.5px;font-weight:600;line-height:1.2}.imp-pick span{color:var(--color-ink-3);font-size:10px}@media (prefers-reduced-motion:reduce){.imp *,.imp :after,.imp :before{transition:none!important}}.demo-host{container-type:inline-size}.demo{--u:clamp(12px,min(calc(100cqi / 31.5),calc((100svh - 210px) / 30)),20px);--ease:cubic-bezier(0.2,0.8,0.2,1);display:grid;justify-items:center}.demo>*{grid-area:1/1}.demo-window{position:relative;width:min(calc(31.5 * var(--u)),100%);padding:calc(.4 * var(--u));overflow:hidden;border-radius:calc(1.2 * var(--u));background:#fff;box-shadow:0 64px 64px -32px rgb(26 31 46/4%),0 32px 32px -16px rgb(26 31 46/4%),0 16px 16px -8px rgb(26 31 46/4%),0 12px 12px -6px rgb(26 31 46/4%),0 6px 6px -3px rgb(26 31 46/4%),0 3px 3px -1.5px rgb(26 31 46/4%),0 1px 1px -.5px rgb(26 31 46/8%),0 0 0 1px rgb(26 31 46/4%);font-size:calc(.72 * var(--u));text-align:left;transition:opacity .26s var(--ease),transform .32s var(--ease)}.demo-window[data-away]{opacity:0;transform:translateX(-4%) scale(.97);transition:opacity .28s cubic-bezier(.4,0,1,1) .1s,transform .28s cubic-bezier(.4,0,1,1) .1s}.demo-header{justify-content:space-between;height:calc(3 * var(--u));padding-inline:calc(1 * var(--u));color:var(--color-ink-3);font-size:calc(1 * var(--u))}.demo-header,.demo-title{display:flex;align-items:center}.demo-title{gap:calc(.45 * var(--u));color:var(--color-ink);font-size:calc(.95 * var(--u));font-weight:650;letter-spacing:-.01em}.demo-mark{display:grid;place-items:center;width:calc(1.45 * var(--u));height:calc(1.45 * var(--u));padding:calc(.22 * var(--u));border-radius:calc(.38 * var(--u));background:#1a1818}.demo-mark img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.demo-panel{height:calc(26 * var(--u));overflow:hidden;padding:calc(.9 * var(--u));border-radius:calc(.9 * var(--u));background:#f4f4f4;box-shadow:inset 0 0 0 1px rgb(0 0 0/4%);mask-image:linear-gradient(180deg,#000 80%,transparent)}.demo-field{display:flex;align-items:center;gap:calc(.5 * var(--u));height:calc(2.2 * var(--u));padding-inline:calc(.8 * var(--u));border-radius:calc(.7 * var(--u));background:#fff;box-shadow:0 0 0 1.5px var(--color-ink);color:var(--color-ink);font-size:calc(.75 * var(--u));font-weight:500}.demo-field svg{flex:none;width:calc(1 * var(--u));height:calc(1 * var(--u));color:var(--color-ink-3)}.demo-query{display:flex;align-items:center;white-space:nowrap}.demo-typed{border-radius:2px;transition:background-color .12s linear}.demo-field[data-select] .demo-typed{background:rgb(0 102 255/18%)}.demo-placeholder{color:var(--color-ink-3)}.demo-caret{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;background:var(--color-ink);animation:demo-caret 1s steps(1) infinite}.demo-caret[data-typing]{animation:none}@keyframes demo-caret{50%{opacity:0}}.demo-results .demo-count,.demo-results .demo-label,.demo-results .demo-more .demo-well,.demo-results .demo-tile{opacity:0;transform:translateY(6px);transition:opacity .24s var(--ease),transform .24s var(--ease)}.demo-results[data-show] .demo-count,.demo-results[data-show] .demo-label,.demo-results[data-show] .demo-more .demo-well,.demo-results[data-show] .demo-tile{opacity:1;transform:none;transition-duration:.22s;transition-delay:var(--d,0s)}.demo-count{margin:calc(.8 * var(--u)) 0 calc(.55 * var(--u));color:var(--color-ink-2);font-size:calc(.66 * var(--u))}.demo-count b{color:var(--color-ink);font-weight:650}.demo-label{margin:calc(.8 * var(--u)) 0 calc(.45 * var(--u));color:var(--color-ink-3);font-size:max(11px,calc(.56 * var(--u)));font-weight:600;letter-spacing:.04em;text-transform:uppercase}.demo-tiles{display:grid;grid-template-columns:1fr 1fr;gap:calc(.6 * var(--u))}.demo-tile{position:relative;padding:calc(.5 * var(--u)) calc(.6 * var(--u)) calc(.4 * var(--u));border-radius:calc(.7 * var(--u));background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/6%),0 1px 2px rgb(0 0 0/4%),0 10px 28px -16px rgb(0 0 0/18%)}.demo-results[data-show] .demo-tile[data-target]{transition:opacity .22s var(--ease) var(--d,0s),transform .18s var(--ease),box-shadow .18s var(--ease)}.demo-results[data-show] .demo-tile[data-hover]{z-index:1;transform:translateY(-2px);transition-delay:0s;box-shadow:0 0 0 1px rgb(0 0 0/8%),0 2px 4px rgb(0 0 0/4%),0 18px 36px -16px rgb(0 0 0/26%)}.demo-well{display:grid;place-items:center;padding:calc(.5 * var(--u));border-radius:calc(.6 * var(--u));background:radial-gradient(circle at 50% 35%,#fafafa,#ececec)}.demo-art{display:block;border-radius:calc(.25 * var(--u));box-shadow:0 5px 12px rgb(0 0 0/20%)}.demo-tile .demo-art{width:calc(4.6 * var(--u));aspect-ratio:733/1024}.demo-name{margin-top:calc(.45 * var(--u));color:var(--color-ink);font-size:calc(.66 * var(--u));font-weight:650;letter-spacing:-.012em}.demo-set{color:var(--color-set);font-size:calc(.62 * var(--u));font-weight:500}.demo-id{color:var(--color-ink-2);font-size:max(11px,calc(.56 * var(--u)));font-variant-numeric:tabular-nums}.demo-id,.demo-name,.demo-set{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-row{display:flex;align-items:center;gap:calc(.35 * var(--u));height:calc(1.5 * var(--u));margin-top:calc(.4 * var(--u));padding-inline:calc(.3 * var(--u));border-top:1px solid rgb(0 0 0/6%);border-radius:calc(.3 * var(--u));font-size:calc(.62 * var(--u));transition:background-color .18s var(--ease),transform 80ms var(--ease)}.demo-row[data-hover]{background:#f4f4f4}.demo-row[data-press]{transform:scale(.985)}.demo-printing{color:var(--color-ink-2);font-weight:500}.demo-row[data-hover] .demo-printing{color:var(--color-ink)}.demo-stock{padding:calc(.05 * var(--u)) calc(.4 * var(--u));border-radius:999px;background:#e3f5ea;color:#12724a;font-size:max(11px,calc(.54 * var(--u)));font-weight:600;white-space:nowrap}.demo-stock[data-new]{animation:demo-stock-in .6s var(--ease) both}@keyframes demo-stock-in{0%{opacity:0;transform:scale(.6);background:#c6eed5}35%{opacity:1;transform:scale(1.06)}to{transform:scale(1);background:#e3f5ea}}.demo-price{margin-left:auto;color:var(--color-ink);font-weight:650;font-variant-numeric:tabular-nums}.demo-plus{position:relative;display:grid;flex:none;place-items:center;width:calc(1 * var(--u));height:calc(1 * var(--u));border-radius:50%;color:var(--color-ink-4);transition:background-color .18s var(--ease),color .18s var(--ease),transform 80ms var(--ease)}.demo-row[data-hover] .demo-plus{background:var(--color-ink);color:#fff}.demo-row[data-press] .demo-plus{transform:scale(.88)}.demo-plus:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1px var(--color-ink);opacity:0}.demo-row[data-press] .demo-plus:after{animation:demo-ripple .36s var(--ease)}@keyframes demo-ripple{0%{opacity:.35;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.demo-more{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(.6 * var(--u))}.demo-more .demo-well{background:radial-gradient(circle at 50% 35%,#fff,#f0f0f0)}.demo-more .demo-art{width:100%;aspect-ratio:733/1024}.demo-toast{position:absolute;right:calc(1.3 * var(--u));bottom:calc(1.3 * var(--u));left:calc(1.3 * var(--u));z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:calc(.5 * var(--u)) calc(.6 * var(--u));padding:calc(.65 * var(--u)) calc(.75 * var(--u));border-radius:calc(.75 * var(--u));background:var(--color-ink);box-shadow:0 16px 36px -14px rgb(0 0 0/45%);color:#fff;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .16s var(--ease),transform .16s var(--ease)}.demo-toast[data-show]{opacity:1;transform:none;transition:opacity .26s var(--ease),transform .38s cubic-bezier(.34,1.4,.64,1)}.demo-toast-check{display:grid;flex:none;place-items:center;width:calc(1.35 * var(--u));height:calc(1.35 * var(--u));border-radius:50%;background:#1f9d63;color:#fff}.demo-toast-check svg{width:55%;height:55%}.demo-toast-text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;line-height:1.25}.demo-toast-text b{font-size:max(12px,calc(.8 * var(--u)));font-weight:650}.demo-toast-text span{overflow:hidden;color:rgb(255 255 255/70%);font-size:max(11px,calc(.64 * var(--u)));text-overflow:ellipsis;white-space:nowrap}.demo-toast-chips{display:flex;gap:calc(.25 * var(--u))}.demo-toast-chips span{padding:calc(.2 * var(--u)) calc(.45 * var(--u));border-radius:calc(.35 * var(--u));background:rgb(255 255 255/12%);color:#fff;font-size:max(11px,calc(.6 * var(--u)));font-weight:600}.demo-cursor-x{position:absolute;top:0;left:0;z-index:3;pointer-events:none;opacity:0;transition:transform .65s cubic-bezier(.3,0,.2,1),opacity .2s linear}.demo-cursor-x[data-on]{opacity:1}.demo-cursor-y{transition:transform .65s cubic-bezier(.55,0,.3,1)}.demo-cursor{display:block;width:calc(1.1 * var(--u));margin:calc(-.12 * var(--u)) 0 0 calc(-.2 * var(--u));transform-origin:20% 10%;transition:transform 80ms var(--ease)}.demo-cursor[data-press]{transform:scale(.9)}.demo-cursor svg{display:block;width:100%;filter:drop-shadow(0 1px 2px rgb(0 0 0/30%))}.demo-cursor path{fill:var(--color-ink);stroke:#fff;stroke-width:1.4;stroke-linejoin:round}.demo-touch{display:none}.demo-window[data-scrub] .demo-cursor-x,.demo-window[data-scrub] .demo-cursor-y{transition:transform .12s linear,opacity .2s linear}@media (pointer:coarse){.demo-cursor{width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));margin:calc(-.8 * var(--u)) 0 0 calc(-.8 * var(--u));transform-origin:center}.demo-cursor svg{display:none}.demo-touch{display:block;width:100%;height:100%;border-radius:50%;background:rgb(0 0 0/18%);box-shadow:0 0 0 1px rgb(255 255 255/60%)}}.demo-store{display:flex;flex-direction:column;width:min(calc(31.5 * var(--u)),100%);overflow:hidden;border-radius:calc(1.2 * var(--u));background:#fff;box-shadow:0 64px 64px -32px rgb(26 31 46/4%),0 32px 32px -16px rgb(26 31 46/4%),0 16px 16px -8px rgb(26 31 46/4%),0 6px 6px -3px rgb(26 31 46/4%),0 1px 1px -.5px rgb(26 31 46/8%),0 0 0 1px rgb(26 31 46/4%);font-size:calc(.72 * var(--u));text-align:left;opacity:0;pointer-events:none;transform:translateX(4%) scale(.985);transition:opacity .2s ease-in,transform .2s ease-in}.demo-store[data-show]{opacity:1;transform:none;transition:opacity .42s var(--ease) .2s,transform .42s var(--ease) .2s}.demo-store-bar{display:flex;align-items:center;gap:calc(.8 * var(--u));height:calc(2 * var(--u));padding-inline:calc(.8 * var(--u));background:#f4f4f4}.demo-store-dots{display:flex;gap:calc(.3 * var(--u))}.demo-store-dots i{width:calc(.45 * var(--u));height:calc(.45 * var(--u));border-radius:50%;background:#d6d6d6}.demo-store-url{flex:1;overflow:hidden;padding:calc(.2 * var(--u)) calc(.6 * var(--u));border-radius:calc(.4 * var(--u));background:#fff;color:var(--color-ink-3);font-size:max(11px,calc(.56 * var(--u)));text-overflow:ellipsis;white-space:nowrap}.demo-store-nav{display:flex;align-items:center;gap:calc(1 * var(--u));height:calc(2.6 * var(--u));padding-inline:calc(1.2 * var(--u));border-bottom:1px solid rgb(0 0 0/6%);color:var(--color-ink-2);font-size:max(11px,calc(.6 * var(--u)))}.demo-store-nav b{margin-right:auto;color:var(--color-ink);font-size:calc(.78 * var(--u));font-weight:650;letter-spacing:-.01em}.demo-store-body{display:grid;flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:calc(1.4 * var(--u));padding:calc(1.4 * var(--u)) calc(1.2 * var(--u)) calc(1.8 * var(--u))}.demo-store-img{display:grid;place-items:center;padding:calc(1.6 * var(--u));border-radius:calc(.6 * var(--u));background:radial-gradient(circle at 50% 35%,#fafafa,#ececec);position:relative}.demo-burst{position:absolute;top:50%;left:50%;pointer-events:none}.demo-burst i{position:absolute;width:calc(.32 * var(--u) * var(--s));height:calc(.32 * var(--u) * var(--s));margin:calc(-.16 * var(--u) * var(--s)) 0 0 calc(-.16 * var(--u) * var(--s));border-radius:50%;background:var(--color-ink);opacity:0;transform:rotate(var(--a)) translateX(0) scale(0)}.demo-burst i[data-dash]{width:calc(.75 * var(--u) * var(--s));height:calc(.16 * var(--u));border-radius:999px}.demo-store[data-published] .demo-burst i{animation:demo-burst .9s cubic-bezier(.15,.7,.3,1) both;animation-delay:var(--t)}@keyframes demo-burst{0%{opacity:0;transform:rotate(var(--a)) translateX(calc(4 * var(--u))) scale(.4)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(calc(var(--d) * var(--u))) scale(1)}}.demo-store-img img{width:100%;max-width:calc(11.5 * var(--u));aspect-ratio:733/1024;border-radius:calc(.35 * var(--u));box-shadow:0 8px 18px rgb(0 0 0/22%)}.demo-store-info{display:flex;flex-direction:column;align-items:flex-start;padding-top:calc(.3 * var(--u))}.demo-store-crumb{color:var(--color-ink-3);font-size:max(11px,calc(.56 * var(--u)))}.demo-store-name{margin-top:calc(.35 * var(--u));color:var(--color-ink);font-size:calc(1.05 * var(--u));font-weight:650;letter-spacing:-.015em;line-height:1.15}.demo-store-price{margin-top:calc(.5 * var(--u));color:var(--color-ink);font-size:calc(.9 * var(--u));font-variant-numeric:tabular-nums}.demo-store-label{margin-top:calc(1.1 * var(--u));color:var(--color-ink-2);font-size:max(11px,calc(.56 * var(--u)));font-weight:600}.demo-store-conds{display:flex;flex-wrap:wrap;gap:calc(.3 * var(--u));margin-top:calc(.4 * var(--u))}.demo-store-conds span{padding:calc(.25 * var(--u)) calc(.5 * var(--u));border-radius:calc(.35 * var(--u));box-shadow:inset 0 0 0 1px rgb(0 0 0/14%);color:var(--color-ink);font-size:max(11px,calc(.58 * var(--u)));font-weight:600}.demo-store-conds span[data-on]{background:var(--color-ink);box-shadow:none;color:#fff}.demo-store-stock{display:flex;align-items:center;gap:calc(.35 * var(--u));margin-top:calc(.9 * var(--u));color:#12724a;font-size:max(11px,calc(.6 * var(--u)));font-weight:600}.demo-store-stock:before{content:"";width:calc(.4 * var(--u));height:calc(.4 * var(--u));border-radius:50%;background:#1f9d63}.demo-store-specs{display:flex;flex-direction:column;align-self:stretch;margin-top:calc(1.1 * var(--u))}.demo-store-specs span{display:flex;justify-content:space-between;padding:calc(.4 * var(--u)) 0;border-top:1px solid rgb(0 0 0/6%);color:var(--color-ink-2);font-size:max(11px,calc(.62 * var(--u)))}.demo-store-specs b{color:var(--color-ink);font-weight:600}.demo-store-btn{align-self:stretch;margin-top:calc(.9 * var(--u));padding:calc(.6 * var(--u));border-radius:calc(.5 * var(--u));background:var(--color-ink);color:#fff;font-size:calc(.62 * var(--u));font-weight:600;text-align:center}@container (max-width: 460px){.demo-panel{height:calc(21 * var(--u))}.demo-tiles{grid-template-columns:1fr}.demo-tile:not([data-target]){display:none}.demo-more{grid-template-columns:repeat(3,1fr)}.demo-more .demo-well:nth-child(4){display:none}.demo-toast-chips{width:100%;padding-left:calc(1.9 * var(--u))}.demo-store-nav span:not(.demo-store-cart){display:none}.demo-store-body{grid-template-columns:.8fr 1fr;gap:calc(1 * var(--u));padding:calc(1 * var(--u))}}@media (prefers-reduced-motion:reduce){.demo *,.demo :after,.demo :before{animation:none!important;transition:none!important}.demo-cursor-x{display:none}}@media (min-width:1024px){.demo-end .demo{justify-items:end}}.demo-life{--still:1;--tilt:-2.5deg;transform:scale(calc(1 - .05 * var(--still))) rotate(calc(var(--tilt) * var(--still)));transform-origin:60% 50%;will-change:transform}.demo-life .demo>*,.demo-life>.rd{position:relative;box-shadow:0 calc(2px + 26px * var(--still)) calc(6px + 44px * var(--still)) calc(-14px * var(--still)) rgb(26 31 46/calc(10% + 20% * var(--still))),rgb(26 31 46/4%) 0 32px 32px -16px,rgb(26 31 46/4%) 0 6px 6px -3px,rgb(26 31 46/5%) 0 0 0 1px;filter:saturate(calc(1 - .1 * var(--still)))}.demo-life:has(>.rd){--tilt:-1.2deg}.demo-life .demo>:after,.demo-life>.rd:after{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;background:linear-gradient(115deg,rgb(255 255 255/0) 30%,rgb(255 255 255/55%) 46%,rgb(255 255 255/0) 62%);opacity:calc(.9 * var(--still));pointer-events:none}@media (prefers-reduced-motion:reduce){.demo-life{--still:0!important;transform:none}}.rd{--ease:cubic-bezier(0.2,0.8,0.2,1);overflow:hidden;border-radius:24px;background:#f4f4f4;box-shadow:0 64px 64px -32px rgb(26 31 46/4%),0 32px 32px -16px rgb(26 31 46/4%),0 12px 12px -6px rgb(26 31 46/4%),0 1px 1px -.5px rgb(26 31 46/8%),0 0 0 1px rgb(26 31 46/6%);color:var(--color-ink);text-align:left}.rd,.rd-stage{position:relative}.rd-stage{padding:22px 22px 24px;transform-origin:0 0;will-change:transform;transition:transform .14s linear}.rd-activity,.rd-head,.rd-rule{transition:opacity .2s linear}.rd-summary{color:var(--color-ink-2);font-size:13px}.rd-summary b{color:var(--color-ink);font-weight:650;font-variant-numeric:tabular-nums}.rd-summary span{margin:0 4px;color:var(--color-ink-4)}.rd-bar{display:flex;align-items:center;gap:4px;margin-top:14px}.rd-label{margin-right:8px;color:var(--color-ink-3);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.rd-label span{margin-left:4px;font-weight:500;letter-spacing:0;text-transform:none}.rd-tab{padding:5px 10px;border-radius:8px;color:var(--color-ink-2);font-size:12.5px;font-weight:600;white-space:nowrap}.rd-add,.rd-tab[data-on]{background:var(--color-ink);color:#fff}.rd-add{margin-left:auto;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600;white-space:nowrap}.rd-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-top:14px}.rd-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;align-self:start;gap:12px}.rd-rule{display:flex;flex-direction:column;padding:10px 12px 0;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/6%),0 1px 2px rgb(0 0 0/4%),0 10px 28px -16px rgb(0 0 0/18%);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.rd-rule[data-hover]{transform:translateY(-2px);box-shadow:0 0 0 1px rgb(0 0 0/8%),0 2px 4px rgb(0 0 0/4%),0 18px 36px -16px rgb(0 0 0/26%)}.rd-art{position:relative;display:flex;align-items:center;justify-content:center;height:128px;border-radius:10px;background:radial-gradient(circle at 50% 35%,#fafafa,#ececec)}.rd-art img{width:64px;aspect-ratio:733/1024;border-radius:4px;box-shadow:0 5px 12px rgb(0 0 0/22%)}.rd-art[data-fan] img{position:absolute}.rd-art[data-fan] img:first-child{transform:translateX(-30px) rotate(-8deg) scale(.9)}.rd-art[data-fan] img:nth-child(2){z-index:1}.rd-art[data-fan] img:nth-child(3){transform:translateX(30px) rotate(8deg) scale(.9)}.rd-name{margin-top:10px;font-size:13.5px;font-weight:650;letter-spacing:-.012em}.rd-scope{color:var(--color-set);font-size:12.5px;font-weight:500}.rd-formula{margin-top:4px;color:var(--color-ink-2);font-size:12px;line-height:1.45}.rd-foot{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;margin-top:auto;padding:10px 0;border-top:1px solid rgb(0 0 0/6%);font-size:12px}.rd-formula{margin-bottom:12px}.rd-when{display:flex;flex:1;align-items:center;gap:6px;min-width:0;color:#12724a;font-weight:600;line-height:1.3}.rd-when svg{flex:none;width:14px;height:14px}.rd-run{flex:none;padding:3px 6px;border-radius:6px;color:var(--color-ink-3);font-weight:500;transition:background-color .18s var(--ease),color .18s var(--ease),transform 80ms var(--ease)}.rd-rule[data-hover] .rd-run{background:var(--color-well);color:var(--color-ink)}.rd-run{position:relative;display:inline-flex;align-items:center;gap:5px}.rd-run[data-press]{transform:scale(.92)}.rd-run:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px var(--color-ink);opacity:0}.rd-run[data-press]:after{animation:rd-ripple .42s var(--ease)}@keyframes rd-ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.rd-rule .rd-run[data-tapped]{background:var(--color-ink);color:#fff;font-weight:600}.rd-more{flex:none;color:var(--color-ink-4);letter-spacing:1px}.rd-activity{padding:14px 14px 6px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/6%),0 1px 2px rgb(0 0 0/4%),0 10px 28px -16px rgb(0 0 0/18%)}.rd-activity ul{margin-top:8px}.rd-activity li{display:flex;flex-direction:column;gap:4px;padding:9px 4px;border-top:1px solid rgb(0 0 0/6%)}.rd-activity li:first-child{border-top:0}.rd-activity li b{font-size:13px;font-weight:650}.rd-activity li>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--color-ink-2);font-size:12px;font-variant-numeric:tabular-nums}.rd-state{padding:1px 7px;border-radius:999px;background:#e3f5ea;color:#12724a;font-size:11px;font-style:normal;font-weight:600}.rd-down,.rd-up{font-size:11.5px;font-style:normal;font-weight:650}.rd-up{color:#12724a}.rd-down{color:#8e1f13}.rd-activity li.rd-slot{display:grid;grid-template-rows:0fr;padding:0;border-top:0;transition:grid-template-rows .42s var(--ease)}.rd-activity li.rd-slot[data-open]{grid-template-rows:1fr}.rd-slot+li{border-top:0}.rd-new{display:flex;flex-direction:column;gap:4px;min-height:0;margin:0 -6px;padding:9px 10px;overflow:hidden;border-radius:10px;background:var(--color-well);opacity:0;transform:translateY(-6px);transition:opacity .26s var(--ease) .14s,transform .32s var(--ease) .14s,background-color .6s ease-out}.rd-slot[data-open] .rd-new{opacity:1;transform:none}.rd-new[data-settled]{background:#e3f5ea}.rd-new b{font-size:13px;font-weight:650}.rd-new>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--color-ink-2);font-size:12px;font-variant-numeric:tabular-nums}.rd-note{position:absolute;top:50%;left:58%;z-index:6;display:flex;flex-direction:column;gap:10px;width:34%;pointer-events:none;transform:translateY(-50%)}.rd-note-k{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-ink);color:#fff;font-size:13px;font-weight:700}.rd-note b{font-size:28px;font-weight:650;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}.rd-note span:last-child{color:var(--color-ink-2);font-size:16px;line-height:1.55}.rd-cursor{position:absolute;top:0;left:0;z-index:5;width:20px;pointer-events:none;opacity:0;transition:transform .12s linear,opacity .2s linear}.rd-cursor[data-on]{opacity:1}.rd-cursor svg{display:block;width:100%;filter:drop-shadow(0 1px 2px rgb(0 0 0/30%));transition:transform 80ms var(--ease);transform-origin:20% 10%}.rd-cursor[data-press] svg{transform:scale(.8)}.rd-cursor path{fill:var(--color-ink);stroke:#fff;stroke-width:1.4;stroke-linejoin:round}@media (max-width:1100px){.rd-body{grid-template-columns:1fr}.rd-rules{grid-template-columns:repeat(3,minmax(0,1fr))}.rd-rule:nth-child(4){display:none}}@media (max-width:720px){.rd{padding:16px}.rd-bar .rd-tab:not([data-on]),.rd-label{display:none}.rd-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-rule:nth-child(3){display:none}}@media (max-width:480px){.rd-rules{grid-template-columns:1fr}.rd-rule:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.rd *,.rd :after,.rd :before{animation:none!important;transition:none!important}.rd-cursor{display:none}}