.sfg{position:relative;height:clamp(408px,40vw,500px);--flow-mono:ui-monospace,"SF Mono",Menlo,monospace}.sfg-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.sfg-card{position:absolute;z-index:2;background:var(--flow-surface,#fff);border:1px solid var(--flow-border,rgba(17,22,30,.09));border-radius:13px;box-shadow:var(--flow-shadow,0 2px 6px rgba(17,22,30,.06),0 14px 36px rgba(17,22,30,.09));padding:11px 13px;width:clamp(170px,17vw,206px);transform:translateY(-50%)}.sfg-card.sfg-in{left:0}.sfg-card.sfg-out{right:0;width:auto;min-width:152px}.sfg-cardh{display:flex;align-items:center;gap:8px;margin-bottom:5px}.sfg-ic{display:inline-flex;width:15px;height:15px;flex:none;color:var(--flow-text-2,#576070)}.sfg-ic-svg{width:100%;height:100%}.sfg-name{font-size:12px;font-weight:560;color:var(--flow-text-2,#576070);white-space:nowrap}.sfg-name-strong{color:var(--flow-text,#0e1116)}.sfg-sparkwrap{display:inline-flex;margin-left:auto;flex:none}.sfg-spark,.sfg-sparkwrap{width:42px;height:15px}.sfg-val{font-family:var(--flow-mono);font-size:20px;font-weight:640;display:flex;align-items:baseline;gap:6px;letter-spacing:-.01em;color:var(--flow-text,#0e1116)}.sfg-d{font-size:11px;font-weight:600}.sfg-d.up{color:var(--flow-up,#0e9f5f)}.sfg-d.down{color:var(--flow-down,#d6413a)}.sfg-tag{margin-top:6px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--flow-border,rgba(17,22,30,.09));padding:2px 8px;font-size:10px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--flow-text-3,#8a93a0)}.sfg-tag.up{color:var(--flow-up,#0e9f5f);border-color:color-mix(in srgb,var(--flow-up,#0e9f5f) 32%,var(--flow-border,rgba(17,22,30,.09)));background:color-mix(in srgb,var(--flow-up,#0e9f5f) 10%,transparent)}.sfg-copy{font-size:12px;font-weight:500;line-height:1.3;color:var(--flow-text-3,#8a93a0)}.sfg-dense{height:clamp(460px,48vw,580px)}.sfg-dense .sfg-card{padding:9px 12px;width:clamp(168px,18vw,220px)}.sfg-card-btn{cursor:pointer;text-align:left;font:inherit;color:inherit}.sfg-card-btn:disabled{cursor:not-allowed;opacity:.72}.sfg-sub{font-family:var(--flow-mono);font-size:10.5px;color:var(--flow-text-3,#8a93a0);margin-top:1px}.sfg-outval{display:flex;align-items:baseline;gap:6px;margin-top:1px}.sfg-outnum{font-family:var(--flow-mono);font-size:19px;font-weight:640;letter-spacing:-.01em;line-height:1;color:var(--flow-text,#0e1116)}.sfg-outsub{margin-top:0}.sfg-out-arrow{display:inline-flex;width:14px;height:14px;margin-left:auto;flex:none;color:var(--flow-out,var(--flow-up,#0e9f5f));transition:transform .14s ease}.sfg-out-arrow>svg{width:100%;height:100%}.sfg-out-link{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.sfg-out-link:hover{border-color:color-mix(in srgb,var(--flow-out,#0e9f5f) 55%,var(--flow-border,rgba(17,22,30,.09)));box-shadow:var(--flow-shadow,0 2px 6px rgba(17,22,30,.06),0 14px 36px rgba(17,22,30,.09)),0 0 0 1px color-mix(in srgb,var(--flow-out,#0e9f5f) 35%,transparent)}.sfg-out-link:hover .sfg-out-arrow{transform:translate(2px,-2px)}.sfg-out-link:focus-visible{outline:2px solid var(--flow-out,#0e9f5f);outline-offset:2px}.sfg-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center;text-align:center}.sfg-core:before{content:"";position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(circle,var(--flow-stage,var(--flow-surface,#fff)) 42%,transparent 74%);z-index:-1}@media (max-width:760px){.sfg{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px}.sfg-canvas{display:none}.sfg-core{position:relative;left:auto;top:auto;transform:none;margin:2px auto 8px}.sfg-card,.sfg-card.sfg-in,.sfg-card.sfg-out{position:relative;left:auto;right:auto;top:auto!important;transform:none;width:100%}}