.demo-terminal{--font-size:14px;--sidebar-w:260px;--bg:#0a0b0d;--bg2:#101216;--panel:#15181d;--panel2:#1b1f26;--panel-hover:#1b1f26;--line:#23272f;--line2:#2d323b;--txt:#eef1f5;--txt2:#9aa3b0;--txt3:#646c79;--btc:#f7931a;--btc2:#ffab3d;--btc-soft:#f7931a1f;--green:#2ed47a;--green-soft:#2ed47a1f;--red:#ff5a5f;--red-soft:#ff5a5f1f;--blue:#4d8bf5;--blue-soft:#4d8bf51f;--purple:#9b6bff;--purple-soft:#9b6bff1f;--background:var(--bg);--foreground:var(--txt);--card:var(--panel);--card-foreground:var(--txt);--popover:var(--panel);--popover-foreground:var(--txt);--primary:var(--btc);--primary-foreground:var(--bg);--secondary:var(--panel2);--secondary-foreground:var(--txt);--muted:var(--panel2);--muted-foreground:var(--txt2);--accent:var(--btc-soft);--accent-foreground:var(--btc2);--destructive:var(--red);--destructive-foreground:#fff;--border:var(--line);--input:transparent;--input-background:var(--bg2);--switch-background:var(--line2);--font-weight-medium:600;--font-weight-normal:400;--ring:var(--btc);--chart-1:var(--btc);--chart-2:var(--blue);--chart-3:var(--green);--chart-4:var(--red);--chart-5:var(--purple);--radius:.875rem;--sidebar:var(--panel);--sidebar-foreground:var(--txt);--sidebar-primary:var(--btc);--sidebar-primary-foreground:var(--bg);--sidebar-accent:var(--panel2);--sidebar-accent-foreground:var(--txt);--sidebar-border:var(--line);--sidebar-ring:var(--btc);font-size:var(--font-size);color:var(--foreground);background-color:var(--background)}.demo-terminal *{border-color:var(--border)}.demo-terminal .demo-sidebar-nav-btn{text-align:left;width:100%;font-size:13px;font-weight:var(--font-weight-medium);border-radius:10px;align-items:center;gap:.625rem;padding:.625rem .75rem;line-height:1.5;transition:background-color .15s,color .15s;display:flex}.demo-terminal .demo-sidebar-nav-btn[data-active=true]{background-color:var(--accent);color:var(--accent-foreground)}.demo-terminal .demo-sidebar-nav-btn[data-active=false]{color:var(--muted-foreground)}.demo-terminal .demo-sidebar-nav-btn[data-active=false]:hover{background-color:var(--sidebar-accent);color:var(--sidebar-foreground)}.demo-terminal .demo-card-btn{width:100%;font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;border-style:solid;border-width:1px;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:flex}.demo-terminal .demo-card-btn--btc{background-color:var(--btc-soft);color:var(--btc);border-color:#f7931a4d}.demo-terminal .demo-card-btn--btc:hover{border-color:var(--btc);background-color:#f7931a38;box-shadow:0 0 0 1px #f7931a1f}.demo-terminal .demo-card-btn--blue{background-color:var(--blue-soft);color:var(--blue);border-color:#4d8bf54d}.demo-terminal .demo-card-btn--blue:hover{border-color:var(--blue);background-color:#4d8bf538;box-shadow:0 0 0 1px #4d8bf51f}.demo-terminal .demo-card-btn--green{background-color:var(--green-soft);color:var(--green);border-color:#2ed47a4d}.demo-terminal .demo-card-btn--green:hover{border-color:var(--green);background-color:#2ed47a38;box-shadow:0 0 0 1px #2ed47a1f}.demo-terminal .demo-card-btn--purple{background-color:var(--purple-soft);color:var(--purple);border-color:#9b6bff4d}.demo-terminal .demo-card-btn--purple:hover{border-color:var(--purple);background-color:#9b6bff38;box-shadow:0 0 0 1px #9b6bff1f}.demo-terminal .demo-card-btn--inline{align-self:flex-start;width:auto}@media (width>=640px){.demo-terminal .demo-card-btn--inline{align-self:center}}.demo-terminal .demo-stream-banner{border:2px solid var(--purple);background:linear-gradient(to bottom right, var(--panel), var(--panel2));box-shadow:0 10px 15px -3px #00000040}.demo-terminal .demo-smart-saving-banner{border:2px solid var(--green);background:linear-gradient(to bottom right, var(--panel), var(--panel2));box-shadow:0 10px 15px -3px #00000040}.demo-terminal .demo-guard-banner{border:2px solid var(--blue);background:linear-gradient(to bottom right, var(--panel), var(--panel2));box-shadow:0 10px 15px -3px #00000040}.demo-terminal .demo-guard-alert-banner,.demo-terminal .demo-alert-banner{background:#f7931a14;border:2px solid #f7931a4d}.demo-terminal .demo-borrow-banner{border:2px solid var(--btc);background:linear-gradient(to bottom right, var(--panel), var(--panel2));box-shadow:0 10px 15px -3px #00000040}.demo-terminal .demo-enable-smart-saving-btn{color:#fff;background:linear-gradient(to bottom right, var(--green), #1fa862);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:14px;font-weight:700;transition:filter .15s,transform .15s;display:inline-flex;box-shadow:0 4px 6px -1px #0003}@media (width>=640px){.demo-terminal .demo-enable-smart-saving-btn{justify-content:flex-start;width:auto}}.demo-terminal .demo-enable-smart-saving-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.demo-terminal .demo-exit-smart-saving-btn{background-color:var(--red-soft);width:100%;color:var(--red);cursor:pointer;border:1px solid #ff5a5f4d;border-radius:10px;justify-content:center;align-items:center;padding:.5625rem 1rem;font-size:13px;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex}@media (width>=640px){.demo-terminal .demo-exit-smart-saving-btn{justify-content:flex-start;width:auto}}.demo-terminal .demo-exit-smart-saving-btn:hover{border-color:var(--red)}.demo-terminal .demo-create-smart-wallet-btn{color:var(--txt2);background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' preserveAspectRatio='none'%3E%3Crect width='100%25' height='100%25' fill='none' rx='9' ry='9' stroke='rgba(255,255,255,0.16)' stroke-width='1' stroke-dasharray='5 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;border:none;transition:color .15s,background-color .15s,background-image .15s}.demo-terminal .demo-create-smart-wallet-btn:hover:not(:disabled){color:var(--txt);background-color:var(--bg2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' preserveAspectRatio='none'%3E%3Crect width='100%25' height='100%25' fill='none' rx='9' ry='9' stroke='rgba(238,241,245,0.42)' stroke-width='1' stroke-dasharray='5 4'/%3E%3C/svg%3E")}.demo-terminal .demo-create-smart-wallet-btn:disabled{cursor:wait;opacity:.6}.demo-terminal .demo-borrow-modal,.demo-terminal .demo-borrow-modal input{color:var(--txt)}.demo-terminal .demo-borrow-modal input::placeholder{color:var(--txt3)}@keyframes activity-new-highlight{0%{background-color:#f7931a38}to{background-color:#0000}}.demo-terminal .activity-feed-row--new{animation:2s ease-out forwards activity-new-highlight}@keyframes exit-liq-flash-up{0%,to{color:var(--txt2)}40%{color:var(--green)}}@keyframes exit-liq-flash-down{0%,to{color:var(--txt2)}40%{color:var(--red)}}@keyframes exit-liq-delta-in{0%{opacity:0;transform:translateY(5px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes exit-liq-bar-glow{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.demo-exit-liq-flash-up{animation:.65s ease-out exit-liq-flash-up}.demo-exit-liq-flash-down{animation:.65s ease-out exit-liq-flash-down}.demo-exit-liq-delta{animation:.4s cubic-bezier(.22,1,.36,1) exit-liq-delta-in}.demo-exit-liq-bar-glow{animation:.7s ease-out exit-liq-bar-glow}.scrollbar-demo{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--btc) 42%, transparent) transparent;scrollbar-gutter:stable;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scrollbar-demo::-webkit-scrollbar{width:6px}.scrollbar-demo::-webkit-scrollbar-track{background:0 0;margin:8px 0}.scrollbar-demo::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--btc) 50%, var(--panel2) 50%);background-clip:padding-box;border:1px solid #0000;border-radius:9999px}.scrollbar-demo::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--btc2) 65%, var(--btc) 35%);background-clip:padding-box}.scrollbar-demo-no-gutter{scrollbar-gutter:auto}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{width:0;height:0;display:none}.pending-scroll-fade-top{background:linear-gradient(to bottom, color-mix(in oklab, var(--panel) 70%, transparent) 0%, transparent 100%)}.pending-scroll-fade-bottom{background:linear-gradient(to top, color-mix(in oklab, var(--panel) 70%, transparent) 0%, transparent 100%)}