.ofx{-webkit-tap-highlight-color:transparent;--ofx-rx:0deg;--ofx-ry:0deg;--ofx-s:1;--ofx-ease:cubic-bezier(.22, 1, .36, 1);margin:0;position:relative}.ofx-scene{perspective:1600px;aspect-ratio:3784/2424;position:relative}.ofx-shadow{pointer-events:none;transform-origin:50% 60%;width:100%;height:auto;position:absolute;bottom:-3%;left:0;right:0}.ofx-float,.ofx-tilt{position:absolute;inset:0}.ofx-tilt{transform:rotateX(var(--ofx-rx)) rotateY(var(--ofx-ry)) scale(var(--ofx-s));transform-origin:var(--ofx-ox,50%) var(--ofx-oy,55%);transition:transform .8s var(--ofx-ease)}.ofx-base,.ofx-muted{width:100%;height:100%;display:block;position:absolute;inset:0}.ofx-muted,.ofx-layer{opacity:0;pointer-events:none;transition:opacity .45s}.ofx-layer{display:block;position:absolute}.ofx-layer img,.ofx-muted img,.ofx-base img{width:100%;height:100%;display:block}.ofx.is-active .ofx-muted,.ofx-layer.is-on{opacity:1}.ofx-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ofx-zone{cursor:pointer;outline:none}.ofx-zone polygon{fill:#0000}.ofx-zone:focus-visible polygon{stroke:var(--ergo-950);stroke-width:5px;stroke-dasharray:16 12;vector-effect:non-scaling-stroke}.ofx[data-idle=on] .ofx-float{will-change:transform;animation:7s ease-in-out infinite ofx-float}.ofx[data-idle=on] .ofx-shadow{animation:7s ease-in-out infinite ofx-shadow}.ofx[data-idle=on].is-active .ofx-float,.ofx[data-idle=on].is-active .ofx-shadow,.ofx[data-idle=on].is-off .ofx-float,.ofx[data-idle=on].is-off .ofx-shadow{animation-play-state:paused}@keyframes ofx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.9%)}}@keyframes ofx-shadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(.965)}}.ofx-card{z-index:3;background:var(--ergo-white);width:max-content;max-width:360px;color:var(--ergo-950);opacity:0;visibility:hidden;transition:opacity .28s ease, transform .45s var(--ofx-ease), visibility 0s linear .45s;pointer-events:none;padding:16px;position:absolute;transform:translate(-50%,calc(10px - 100%));box-shadow:0 22px 50px -18px #1c1c1a59,0 2px 8px #1c1c1a0f}.ofx-card.is-below{transform:translate(-50%,-10px)}.ofx-card.is-on{opacity:1;visibility:visible;transition:opacity .28s ease, transform .45s var(--ofx-ease), visibility 0s;pointer-events:auto;transform:translate(-50%,-100%)}.ofx-card.is-on.is-below{transform:translate(-50%)}.ofx-card-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:12px;display:flex}.ofx-card-title{letter-spacing:-.01em;font-family:Cabinet Grotesk,system-ui,sans-serif;font-size:19px;font-weight:800;line-height:1.15}.ofx-all{min-height:44px;color:var(--ergo-950);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--ergo-sky);text-decoration-color:var(--ergo-sky);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.ofx-items{grid-template-columns:repeat(var(--n), 96px);gap:12px;display:grid}.ofx-item{color:var(--ergo-950);opacity:0;transition:opacity .3s ease, transform .4s var(--ofx-ease);flex-direction:column;gap:6px;text-decoration:none;display:flex;transform:translateY(8px)}.ofx-card.is-on .ofx-item{opacity:1;transition-delay:calc(90ms + var(--i) * 70ms);transform:none}.ofx-thumb{background:var(--ergo-bg);width:96px;height:96px;display:block;position:relative}.ofx-thumb img{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;padding:6px}.ofx-name{font-size:12.5px;font-weight:600;line-height:1.3}.ofx-price{font-family:Cabinet Grotesk,system-ui,sans-serif;font-size:15px;font-weight:800}.ofx-note{max-width:320px;color:var(--ergo-600);margin:12px 0 0;font-size:12.5px;line-height:1.4}.ofx-item:hover .ofx-name,.ofx-item:focus-visible .ofx-name{text-decoration:underline;-webkit-text-decoration-color:var(--ergo-sky);text-decoration-color:var(--ergo-sky);text-underline-offset:3px;text-decoration-thickness:2px}.ofx-sheet{z-index:60;visibility:hidden;padding:18px 20px calc(22px + env(safe-area-inset-bottom,0px));background:var(--ergo-white);transition:transform .4s var(--ofx-ease), visibility 0s linear .4s;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -18px 40px #1c1c1a2e}.ofx-sheet.is-on{visibility:visible;transition:transform .4s var(--ofx-ease), visibility 0s;transform:none}.ofx-sheet-close{width:44px;height:44px;color:var(--ergo-950);justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.ofx-sheet .ofx-card-head{padding-right:40px}.ofx-sheet .ofx-items{grid-template-columns:repeat(3,minmax(0,1fr))}.ofx-sheet .ofx-thumb{aspect-ratio:1;width:100%;height:auto}.ofx-sheet .ofx-item{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.ofx[data-idle=on] .ofx-float,.ofx[data-idle=on] .ofx-shadow{animation:none}.ofx-tilt,.ofx-card,.ofx-item,.ofx-muted,.ofx-layer,.ofx-sheet{transition:none}}