/* Based.bid public frontend extraction, captured 2026-10-22.
 * Source: https://www.based.bid/ (SSR styles + public Next CSS).
 * Declarations preserved; selectors scoped to .based-ui. Light-theme variants omitted.
 * Full assets/source URL manifest: ../output/based-extracted/manifest.json from workspace root.
 * No original scripts, wallet connections or remote services execute from this stylesheet. */
/* Extracted verbatim declarations from assets/4e363b8d5d50-3c2wjisocdjjy.css */.based-ui .bb-top-market-card:has(>.AdminTokenRefundSwitch-module__ZrLShG__control){height:206px}.based-ui .bb-top-market-card[data-has-footer=true]:has(>.AdminTokenRefundSwitch-module__ZrLShG__control){height:262px}.based-ui .bb-top-market-card:has(>.AdminTokenRefundSwitch-module__ZrLShG__control)>.bb-top-market-card__surface{height:calc(100% - 30px)}.based-ui .bb-top-market-card:has(>.AdminTokenRefundSwitch-module__ZrLShG__control)>.bb-top-market-card__footer{bottom:40px}.based-ui .bb-top-market-card>.AdminTokenRefundSwitch-module__ZrLShG__control{height:30px;position:absolute;bottom:0;left:0;right:0}.based-ui .bb-pro-market-card:has(.AdminTokenRefundSwitch-module__ZrLShG__control){height:346px}.based-ui .bb-pro-market-card__surface:has(>.AdminTokenRefundSwitch-module__ZrLShG__control){grid-template-rows:auto auto minmax(112px,1fr) auto auto;min-height:346px}/* Extracted verbatim declarations from assets/b15c5b141478-21h9lf6t-9dj4.css *//* Extracted verbatim declarations from assets/d565db59e7f6-0ruy6dfmuf4-o.css */@layer theme{.based-ui{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-orange-200:#ffd7a8;--color-orange-300:#ffb96d;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-400:#fcbb00;--color-emerald-300:#5ee9b5;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-violet-200:#ddd6ff;--color-violet-300:#c4b4ff;--color-violet-400:#a685ff;--color-fuchsia-400:#ec6cff;--color-zinc-800:#27272a;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-normal:0em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){.based-ui{--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-orange-200:lab(88.4871% 9.94918 28.8378);--color-orange-300:lab(80.8059% 21.7313 50.4455);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-violet-200:lab(87.0888% 8.53688 -19.4189);--color-violet-300:lab(76.7419% 18.3911 -37.0706);--color-violet-400:lab(62.8239% 34.9159 -60.0512);--color-fuchsia-400:lab(66.1178% 66.0652 -52.4733);--color-zinc-800:lab(15.7305% .613764 -2.16959)}}}.based-ui{--lightningcss-light: ;--lightningcss-dark:initial;--bb-primary-action-ink:#04110b;--bb-green:#18c98e;--bb-green-bright:#52dfb2;--bb-green-rgb:24, 201, 142;--bb-gold:#f5d97a;--bb-gold-strong:#e7c75f;--bb-eyebrow-emerald:#26b58a;--bb-eyebrow-gold:#d8c27b;--bb-red:#ff3771;--bb-red-rgb:255, 55, 113;--bb-canvas:#090a0b;--bb-canvas-rgb:9, 10, 11;--bb-shell-top:#0e1012;--bb-shell-mid:#0c0e11;--bb-shell-bottom:#090a0c;--bb-surface-inset:#0d0f11;--bb-surface-panel:#131518;--bb-surface-raised:#171a1d;--bb-surface-hover:#1c1f23;--bb-surface-overlay:#111316fb;--bb-border-subtle:#e8ecf012;--bb-border-default:#e8ecf01c;--bb-border-strong:#e8ecf02e;--bb-text-primary:#f8f9faf2;--bb-text-secondary:#eef0f2ad;--bb-text-muted:#e8eaec7d;--bb-text-faint:#e2e4e652;--bb-page-text:#fff;--bb-page-background:radial-gradient(900px 380px at 58% -3%, #f2f5f805 0%, #f2f5f802 38%, transparent 64%), linear-gradient(180deg, var(--bb-shell-top) 0%, #0d0f11 30%, var(--bb-shell-mid) 62%, var(--bb-shell-bottom) 100%);--bb-scrollbar-color:#ffffff29;--bb-scrollbar-thumb:#ffffff29;--bb-scrollbar-thumb-hover:#ffffff3d;--bb-create-panel-border:var(--bb-border-subtle);--bb-create-panel-background:linear-gradient(145deg, #171a1d 0%, #131518 46%, #101215 100%);--bb-create-panel-shadow:0 10px 30px #0000001a, inset 0 1px 0 #ffffff07;--bb-content-panel-border:var(--bb-border-subtle);--bb-content-panel-background:linear-gradient(145deg, #16191cf7 0%, #121417fb 48%, #0e1013fc 100%);--bb-content-panel-shadow:0 12px 34px #0000001c, inset 0 1px 0 #ffffff06;--bb-modal-border:var(--bb-border-default);--bb-modal-background:linear-gradient(150deg, #181b1efe 0%, #121417fe 52%, #0d0f12fe 100%);--bb-modal-shadow:0 30px 96px #00000080;--bb-popover-border:var(--bb-border-default);--bb-popover-background:#121417fb;--bb-popover-shadow:0 20px 58px #0000006e;--bb-option-hover-background:var(--bb-surface-raised);--bb-option-selected-background:var(--bb-surface-hover);--bb-option-selected-text:var(--bb-text-primary);--bb-option-selected-accent:var(--bb-green-bright);--bb-toast-border:var(--bb-border-default);--bb-toast-background:linear-gradient(145deg, #191c1ffb, #101215fc 62%), var(--bb-surface-overlay);--bb-toast-shadow:0 18px 54px #0000006b}.based-ui .bb-top-market-card__name{align-items:center;gap:4px;min-width:0;display:flex}.based-ui .bb-pro-market-card__verification-face .bb-pro-market-card__kyc-face-mark{flex:none;width:184px;height:136px}.based-ui .bb-pro-market-card .bb-pro-market-card__verification-face>.bb-pro-market-card__kyc-face-note{margin-top:10px}.based-ui .bb-pro-market-card .bb-pro-market-card__verification-face>.bb-pro-market-card__face-back{margin-top:12px}.based-ui{--bb-workspace-max:1680px;--bb-terminal-frame-max:1500px;--bb-product-frame-max:1400px}@media (min-width:1041px) and (max-height:1000px){.based-ui .bb-pro-market-support{margin-top:12px}.based-ui .bb-pro-market-support>*{height:36px}}@media (min-width:1920px) and (min-height:1200px){.based-ui{--bb-workspace-max:min(3000px, calc(100vw - 80px));--bb-terminal-frame-max:min(1920px, calc(100vw - 160px));--bb-product-frame-max:min(2080px, calc(50vw + 640px))}}.based-ui .bb-shell-canvas{isolation:isolate;background:0 0;position:relative;overflow-x:clip}.based-ui .bb-shell-main{isolation:isolate;background:0 0}.based-ui .bb-shell-topbar{isolation:isolate;box-shadow:none;background:0 0;border:0;align-items:center;gap:8px;padding-inline:10px;display:flex}@media (min-width:640px){.based-ui .bb-shell-topbar{gap:16px;padding-inline:16px}}@media (min-width:1024px){.based-ui .bb-shell-topbar{-moz-column-gap:24px;grid-template-columns:minmax(0,1fr) clamp(240px,100vw - 1020px,430px) minmax(0,1fr);column-gap:24px;padding-inline:24px;display:grid}}.based-ui .bb-shell-topbar:before{z-index:0;pointer-events:none;content:"";opacity:0;background:linear-gradient(#090a0be6 0%,#090a0bcc 50%,#090a0b6b 74%,#090a0b24 88%,#0000 100%);transition:opacity .26s cubic-bezier(.16,1,.3,1);position:absolute;inset:0 0 -22px}.based-ui .bb-shell-topbar>*{z-index:1;position:relative}.based-ui .bb-shell-topbar[data-scrolled=true]{box-shadow:none;background:0 0}.based-ui .bb-shell-topbar[data-scrolled=true]:before{opacity:1}.based-ui .bb-shell-footer{isolation:isolate;background:0 0;overflow:hidden}html[data-ambient=off] .based-ui .bb-top-market-card__ambient,
html[data-ambient=off] .based-ui .bb-pro-market-card__ambient{opacity:0!important;pointer-events:none!important;animation:none!important}html[data-effects=off] .based-ui .bb-top-market-card__ambient,
html[data-effects=off] .based-ui .bb-pro-market-card__ambient,
html[data-effects=off] .based-ui .bb-pro-market-sparkline__event-pulse,
html[data-effects=off] .based-ui .bb-pro-market-progress__event-tracer{opacity:0!important;pointer-events:none!important}html[data-attention=off] .based-ui .bb-home-create-launch__sheen{display:none!important}html[data-market-effects=off] .based-ui .bb-pro-market-sparkline__event-pulse,
html[data-market-effects=off] .based-ui .bb-pro-market-progress__event-tracer,
html[data-market-effects=off] .based-ui .bb-pro-market-card__avatar:before,
html[data-market-effects=off] .based-ui .bb-pro-market-sparkline__thumb:after,
html[data-market-effects=off] .based-ui .bb-pro-market-progress__endpoint:after,
html[data-market-effects=off] .based-ui .bb-pro-market-progress__goal:after{opacity:0!important;pointer-events:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html[data-market-effects=off] .based-ui .bb-pro-market-sparkline__line.is-energy-active,
html[data-market-effects=off] .based-ui .bb-pro-market-card[data-pagination-paint=true] .bb-pro-market-progress__marker-layer{animation-duration:.001ms!important;animation-iteration-count:1!important}.based-ui .bb-sort-pills{flex:none;align-self:flex-start;align-items:center;gap:3px;max-width:100%;display:inline-flex}.based-ui .bb-sort-pills__option{isolation:isolate;height:30px;color:var(--bb-text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:450;line-height:1;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex;position:relative}.based-ui .bb-sort-pills__option[aria-pressed=true]{color:var(--bb-text-primary);background:0 0;border-color:#0000}.based-ui .bb-sort-pills__active{z-index:-1;border:1px solid var(--bb-border-default);background:var(--bb-surface-raised);pointer-events:none;border-radius:9px;position:absolute;inset:-1px;box-shadow:inset 0 1px #ffffff09}.based-ui .bb-sort-pills__icon{flex-shrink:0;width:16px;height:16px;transition:color .18s}.based-ui .bb-sort-pills__icon-motion{flex:none;transition:transform .18s cubic-bezier(.23,1,.32,1);display:inline-flex}.based-ui .bb-sort-pills__flame-heat{color:var(--bb-sort-accent,#ffe59a);opacity:0}.based-ui .bb-sort-pills__star,
.based-ui .bb-sort-pills__clock-hand,
.based-ui .bb-sort-pills__clock-hour{transform-box:view-box;transform-origin:50%}@media (hover:hover) and (pointer:fine){.based-ui .bb-sort-pills__option:hover{color:var(--bb-text-primary);background:var(--bb-surface-raised)}.based-ui .bb-sort-pills__option:hover .bb-sort-pills__icon-motion{transform:translateY(-1px)}.based-ui .bb-sort-pills__option[data-sort-value=smart]:hover .bb-sort-pills__icon-motion,
.based-ui .bb-sort-pills__option[data-sort-value=hot]:hover .bb-sort-pills__icon-motion,
.based-ui .bb-sort-pills__option[data-sort-value=new]:hover .bb-sort-pills__icon-motion{transform:none}}.based-ui .bb-sort-pills__option:active .bb-sort-pills__icon-motion{transition-duration:.1s;transform:scale(.94)}.based-ui .bb-sort-pills__option[aria-pressed=true] .bb-sort-pills__icon{color:var(--bb-sort-accent,#ffe59a)}.based-ui .bb-sort-pills__option:focus-visible{outline:2px solid var(--bb-green-bright);outline-offset:3px}.based-ui .bb-sort-pills--compact .bb-sort-pills__option{height:28px;padding-inline:10px;font-size:11px}@media (max-width:639px){.based-ui .bb-sort-pills__option{gap:5px;padding-inline:7px;font-size:11px}}@media (max-width:389px){.based-ui .bb-home-market-toolbar .bb-sort-pills__option{padding-inline:6px}}@media (max-width:374px){.based-ui .bb-home-market-toolbar .bb-sort-pills__option{padding-inline:4px}}@media (max-width:359px){.based-ui .bb-home-market-toolbar .bb-sort-pills{gap:1px}.based-ui .bb-home-market-toolbar .bb-sort-pills__option{gap:4px;padding-inline:1px}}html:is([data-animation=off],[data-animation=reduced],[data-effects=off]) .based-ui :is(.bb-sort-pills__star,.bb-sort-pills__flame,.bb-sort-pills__clock-hand,.bb-sort-pills__clock-hour,.bb-sort-pills__icon-motion){transition:none;transform:none!important}html:is([data-animation=off],[data-animation=reduced],[data-effects=off]) .based-ui .bb-sort-pills__flame-heat{opacity:0!important}@media (prefers-reduced-motion:reduce){.based-ui .bb-sort-pills__flame-heat{opacity:0!important}.based-ui .bb-sort-pills__star,
.based-ui .bb-sort-pills__flame,
.based-ui .bb-sort-pills__clock-hand,
.based-ui .bb-sort-pills__clock-hour,
.based-ui .bb-sort-pills__option .bb-sort-pills__icon-motion{transition:none;transform:none!important}.based-ui .bb-sort-pills__option,
.based-ui .bb-sort-pills__icon{transition:none}}.based-ui .bb-settlement-terminal-cta .bb-pro-market-card__quote{align-items:flex-start;min-height:22px;padding-right:96px;position:relative}.based-ui .bb-settlement-terminal-cta .bb-pro-market-card__primary-value{min-width:0;min-height:22px;display:block;position:relative}.based-ui .bb-settlement-terminal-cta .bb-pro-market-card__primary-value>strong{min-width:0;color:var(--bb-text-primary);letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:640;line-height:1;overflow:hidden}.based-ui .bb-settlement-terminal-cta .bb-pro-market-card__ath{z-index:6;color:#e5c96f;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;align-items:baseline;gap:5px;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:calc(100% + 3px);left:0}.based-ui .bb-settlement-terminal-cta .bb-pro-market-card__ath small{color:#c7cfcb9e;letter-spacing:.08em;font-size:9.5px;font-weight:680}.based-ui .bb-settlement-terminal-cta .bb-pro-market-card__ath b{color:#e5c96f;letter-spacing:-.02em;font-size:13.5px;font-weight:670}.based-ui .bb-settlement-terminal-cta .bb-pro-market-card__change{font-synthesis:none;letter-spacing:-.02em;text-rendering:geometricprecision;justify-items:end;gap:2px;width:90px;font-size:14px;font-weight:640;line-height:1;display:grid;position:absolute;top:0;right:0}.based-ui .bb-settlement-terminal-cta .bb-pro-market-card__change small{color:var(--bb-text-faint);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:570;line-height:1}.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline{width:100%;height:132px;color:inherit;display:block;position:relative}.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;vector-effect:non-scaling-stroke}.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__line.is-energy-active{animation:1.35s ease-out both bbSettlementLineEnergy}.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__event-pulse{display:none}.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__thumb{border:1px solid;width:8px;height:8px;position:absolute}@supports (color:color-mix(in lab, red, red)){.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__thumb{border:1px solid color-mix(in srgb, currentColor 52%, #f6faf8)}}.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__thumb{background:currentColor;border-radius:50%;box-shadow:0 0 0 3px,0 0 9px}@supports (color:color-mix(in lab, red, red)){.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__thumb{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 15%, transparent), 0 0 9px color-mix(in srgb, currentColor 42%, transparent)}}.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__thumb{pointer-events:none;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.based-ui .bb-settlement-market-chart .bb-pro-market-sparkline__line.is-energy-active{animation:none}}.based-ui .bb-pro-market-progress__endpoint--sparking{background-image:radial-gradient(circle at 38% 34%,#fffdf5 0 18%,#fff8df 34%,#f6e7b3 66%,#e5c96f 100%);border:1px solid #fffdf3fa}.based-ui .bb-pro-market-progress__fill--sparking:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#e5c96f00 0%,#e5c96f3d 24%,#e5c96fad 60%,#f4e4aef5 100%);width:clamp(64px,48%,108px);position:absolute;inset:0 0 0 auto}.based-ui .bb-pro-market-card[data-progress-effect=launchpad-ath-reference] .bb-pro-market-card__surface{overflow:visible}.based-ui.bb-app-update-anchor, .based-ui .bb-app-update-anchor{z-index:1300;pointer-events:none;justify-content:center;padding:0 20px;display:flex;position:fixed;bottom:24px;left:0;right:0}.based-ui.bb-app-update-banner, .based-ui .bb-app-update-banner{color:#f5f7f5;pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);background:#0f1211f7;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(620px,100%);min-height:76px;padding:14px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #00000052,0 4px 16px #0003}.based-ui.bb-app-update-banner:before, .based-ui .bb-app-update-banner:before{content:"";background:linear-gradient(90deg,#2bd9a0 0%,#52dfae 54%,#e3d869 100%);height:2px;position:absolute;top:0;left:0;right:0}.based-ui.bb-app-update-icon, .based-ui .bb-app-update-icon{color:#62e3b5;background:#2cd89f1a;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.based-ui.bb-app-update-icon .is-spinning, .based-ui .bb-app-update-icon .is-spinning{animation:1.1s linear infinite bb-app-update-spin}.based-ui.bb-app-update-copy, .based-ui .bb-app-update-copy{gap:3px;min-width:0;padding-right:2px;display:grid}.based-ui.bb-app-update-copy strong, .based-ui .bb-app-update-copy strong{color:#f7f8f7;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.based-ui.bb-app-update-copy>span, .based-ui .bb-app-update-copy>span{color:#9ea7a2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.35;overflow:hidden}.based-ui.bb-app-update-actions, .based-ui .bb-app-update-actions{align-items:center;gap:8px;display:flex}.based-ui.bb-app-update-actions button, .based-ui .bb-app-update-actions button,
.based-ui.bb-app-update-close, .based-ui .bb-app-update-close{cursor:pointer}.based-ui.bb-app-update-later, .based-ui .bb-app-update-later,
.based-ui.bb-app-update-apply, .based-ui .bb-app-update-apply{border:0;border-radius:12px;min-height:40px;font-size:12px;font-weight:700;transition:background-color .16s,color .16s,filter .16s,box-shadow .16s}.based-ui.bb-app-update-later, .based-ui .bb-app-update-later{color:#aeb6b1;background:0 0;padding:0 13px}.based-ui.bb-app-update-later:is(:hover,:focus-visible), .based-ui .bb-app-update-later:is(:hover,:focus-visible){color:#f7f8f7;background:#ffffff12}.based-ui.bb-app-update-apply, .based-ui .bb-app-update-apply{color:#092319;background:linear-gradient(110deg,#3ed9a6 0%,#71dda9 62%,#ddd96e 100%);min-width:108px;padding:0 16px;box-shadow:0 8px 24px #25cd9524}.based-ui.bb-app-update-apply:is(:hover,:focus-visible):not(:disabled), .based-ui .bb-app-update-apply:is(:hover,:focus-visible):not(:disabled){filter:brightness(1.06)saturate(1.05);box-shadow:0 10px 28px #25cd9538}.based-ui.bb-app-update-apply:disabled, .based-ui .bb-app-update-apply:disabled{cursor:wait;filter:saturate(.72);opacity:.78}.based-ui.bb-app-update-close, .based-ui .bb-app-update-close{color:#8f9993;background:0 0;border:0;border-radius:10px;place-items:center;width:32px;height:32px;display:none;position:absolute;top:7px;right:7px}.based-ui.bb-app-update-close:is(:hover,:focus-visible), .based-ui .bb-app-update-close:is(:hover,:focus-visible){color:#202823;background:#17251d12}@media (max-width:767px){.based-ui.bb-app-update-anchor, .based-ui .bb-app-update-anchor{bottom:calc(78px + env(safe-area-inset-bottom));padding:0 10px}.based-ui.bb-app-update-banner, .based-ui .bb-app-update-banner{border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:12px;min-height:0;padding:16px 46px 16px 16px}.based-ui.bb-app-update-icon, .based-ui .bb-app-update-icon{width:38px;height:38px}.based-ui.bb-app-update-copy strong, .based-ui .bb-app-update-copy strong,
.based-ui.bb-app-update-copy>span, .based-ui .bb-app-update-copy>span{white-space:normal}.based-ui.bb-app-update-actions, .based-ui .bb-app-update-actions{grid-column:1/-1;grid-template-columns:.78fr 1.22fr;width:100%;display:grid}.based-ui.bb-app-update-actions:has(.bb-app-update-apply:only-child), .based-ui .bb-app-update-actions:has(.bb-app-update-apply:only-child){grid-template-columns:1fr}.based-ui.bb-app-update-later, .based-ui .bb-app-update-later,
.based-ui.bb-app-update-apply, .based-ui .bb-app-update-apply{width:100%;min-height:42px}.based-ui.bb-app-update-close, .based-ui .bb-app-update-close{display:grid}}@media (prefers-reduced-motion:reduce){.based-ui.bb-app-update-icon .is-spinning, .based-ui .bb-app-update-icon .is-spinning{animation-duration:2.4s}}/* Extracted verbatim declarations from inline-1.css */
.based-ui .bb-pool-card-pin {
  position: absolute;
  z-index: 20;
  top: -9px;
  right: -9px;
  width: 18px;
  height: 18px;
  color: var(--bb-gold);
  transform: rotate(var(--bb-pin-angle, 45deg)) translateY(4px);
  pointer-events: none;
}

.based-ui .bb-pool-card-pin svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.based-ui .bb-pro-market-card > .bb-pool-card-pin {
  opacity: 1;
  visibility: visible;
  transition: opacity 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.based-ui .bb-pro-market-card:is(
  [data-kyc-revealed="true"],
  [data-type-revealed="true"],
  [data-fee-revealed="true"],
  [data-pin-restoring="true"]
) > .bb-pool-card-pin {
  opacity: 0;
  visibility: hidden;
  transition: none;
}

.based-ui.bb-app, .based-ui .bb-app {
  --bb-green: #18c98e;
  --bb-green-rgb: 24, 201, 142;
  --bb-red: #ff3771;
  --bb-red-rgb: 255, 55, 113;
}

.based-ui .bb-market-layout {
  position: relative;
  z-index: 0;
  width: min(calc(100% - 48px), var(--bb-workspace-max));
  margin-inline: auto;
}

.based-ui .bb-home-market-hero {
  position: relative;
  display: flex;
  min-height: 156px;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: 50px;
}

.based-ui .bb-top-market-shelf {
  --bb-top-market-edge-fade: 42px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.based-ui .bb-top-market-shelf[data-fade-left="true"][data-fade-right="true"] {
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 var(--bb-top-market-edge-fade),
    #000 calc(100% - var(--bb-top-market-edge-fade)),
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 var(--bb-top-market-edge-fade),
    #000 calc(100% - var(--bb-top-market-edge-fade)),
    transparent 100%
  );
}

.based-ui .bb-top-market-shelf[data-fade-left="true"]:not([data-fade-right="true"]) {
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 var(--bb-top-market-edge-fade),
    #000 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 var(--bb-top-market-edge-fade),
    #000 100%
  );
}

.based-ui .bb-top-market-shelf[data-fade-right="true"]:not([data-fade-left="true"]) {
  -webkit-mask-image: linear-gradient(
    90deg,
    #000 0,
    #000 calc(100% - var(--bb-top-market-edge-fade)),
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    #000 0,
    #000 calc(100% - var(--bb-top-market-edge-fade)),
    transparent 100%
  );
}

.based-ui .bb-top-market-track {
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  gap: inherit;
}

.based-ui .bb-top-market-controls {
  display: flex;
  align-items: center;
  gap: 2px;
  min-height: 36px;
  transition: opacity 150ms ease;
}

.based-ui .bb-top-market-controls button {
  display: grid;
  place-items: center;
  width: 32px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  color: var(--bb-text-muted, #8a9390);
  background: transparent;
  cursor: pointer;
  transition: color 150ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .based-ui .bb-top-market-controls {
    opacity: 0;
    pointer-events: none;
  }

  .based-ui .bb-top-markets:is(:hover, :has(:focus-visible)) .bb-top-market-controls {
    opacity: 1;
    pointer-events: auto;
  }

  .based-ui .bb-top-market-controls button:hover:not(:disabled) {
    color: var(--bb-green-bright, #52dfb2);
  }
}

.based-ui .bb-top-market-controls button:focus-visible {
  outline: 2px solid #18c98e;
  outline-offset: 2px;
}

.based-ui .bb-top-market-controls button:active:not(:disabled) {
  color: var(--bb-green, #18c98e);
}

.based-ui .bb-top-market-controls button:disabled {
  opacity: 0.3;
  cursor: default;
}

@media (max-width: 767px), (pointer: coarse) {
  .based-ui .bb-top-market-controls { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .based-ui .bb-top-market-controls { transition: none; }
}

.based-ui .bb-top-market-track > .bb-top-market-card {
  flex: 0 0 clamp(316px, calc((100% - 60px) / 3.65), 360px);
  scroll-snap-align: start;
}

.based-ui .bb-top-market-card {
  --movement-color: #18c98e;
  position: relative;
  isolation: isolate;
  height: 176px;
  min-width: 0;
  color: inherit;
  text-align: left;
  transition: opacity 220ms cubic-bezier(0.22, 1, 0.36, 1);
  perspective: 1050px;
  cursor: pointer;
}

.based-ui .bb-top-market-card[data-has-footer="true"] {
  height: 232px;
}
.based-ui .bb-top-market-card[data-has-footer="true"] .bb-top-market-card__visual {
  bottom: 56px;
}
.based-ui .bb-top-market-card__footer {
  position: absolute;
  z-index: 20;
  right: 16px;
  bottom: 10px;
  left: 16px;
  padding-top: 8px;
  border-top: 1px solid rgba(232,236,240,.07);
}
.based-ui .bb-top-market-card__footer[inert] {
  visibility: hidden;
}

.based-ui .bb-top-market-card[data-direction="negative"] {
  --movement-color: #ff3771;
}

.based-ui .bb-top-market-card__surface {
  position: relative;
  z-index: 11;
  isolation: isolate;
  display: block;
  height: 100%;
  overflow: hidden;
  padding: 15px 16px;
  border-radius: 16px;
  pointer-events: none;
  backface-visibility: hidden;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-top-market-card__surface::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.022), transparent 34%) padding-box,
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--bb-surface-panel) 94%, var(--ambient-a) 6%),
      color-mix(in srgb, var(--bb-surface-inset) 97%, var(--ambient-c) 3%)
    ) padding-box,
    linear-gradient(135deg, rgba(151,170,161,0.2), rgba(90,108,100,0.11) 50%, rgba(132,153,143,0.16)) border-box;
  box-shadow:
    0 15px 38px rgba(0,0,0,0.28),
    inset 0 1px rgba(255,255,255,0.02);
  content: "";
}

.based-ui .bb-top-market-card__surface::after {
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: 15px;
  background:
    radial-gradient(
      70% 135% at 5% 5%,
      color-mix(in srgb, var(--ambient-a) 13%, transparent),
      transparent 70%
    ),
    radial-gradient(
      74% 130% at 98% 10%,
      color-mix(in srgb, var(--ambient-c) 10%, transparent),
      transparent 72%
    ),
    linear-gradient(
      to top,
      color-mix(in srgb, var(--movement-color) 3.5%, transparent),
      transparent 66%
    );
  content: "";
  opacity: 0.64;
  transition: opacity 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-top-market-card__ambient {
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: 15px;
  background:
    radial-gradient(
      62% 110% at 9% 12%,
      color-mix(in srgb, var(--ambient-a) 22%, transparent),
      transparent 72%
    ),
    radial-gradient(
      68% 112% at 94% 18%,
      color-mix(in srgb, var(--ambient-b) 15%, transparent),
      transparent 74%
    );
  opacity: 0;
  transition: opacity 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-top-market-shelf:not([data-hover-suppressed="true"])
  .bb-top-market-card:hover
  .bb-top-market-card__ambient,
.based-ui .bb-top-market-card:focus-within .bb-top-market-card__ambient {
  opacity: 0.42;
}

.based-ui .bb-top-market-shelf:not([data-hover-suppressed="true"])
  .bb-top-market-card:hover
  .bb-top-market-card__surface::after,
.based-ui .bb-top-market-card:focus-within .bb-top-market-card__surface::after {
  opacity: 0.74;
}

.based-ui .bb-top-market-card__header {
  position: relative;
  z-index: 4;
  display: flex;
  min-width: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
}

.based-ui .bb-top-market-card__identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}

.based-ui .bb-top-market-card__avatar {
  position: relative;
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 25%;
  background: radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--ambient-a) 16%, transparent), rgba(255,255,255,0.018) 72%);
  font-size: 15px;
  font-weight: 650;
}

.based-ui .bb-top-market-card__avatar:has(> img) {
  background: transparent;
}

.based-ui .bb-top-market-card__avatar > img {
  border-radius: inherit;
}

.based-ui .bb-top-market-card__avatar > i {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 3;
  display: block;
  width: 16px;
  height: 16px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8));
}

.based-ui .bb-top-market-card__identity > div:last-child {
  min-width: 0;
}

.based-ui .bb-top-market-card__identity strong {
  display: block;
  overflow: hidden;
  color: rgba(247,249,248,0.94);
  font-size: 15.5px;
  font-weight: 640;
  letter-spacing: -0.035em;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.based-ui .bb-top-market-card__identity > div:last-child > span {
  display: block;
  margin-top: 4px;
  color: rgba(221,227,224,0.46);
  font-size: 9.5px;
  font-weight: 620;
  letter-spacing: 0.08em;
  line-height: 1;
}

.based-ui .bb-top-market-card__market-cap {
  min-width: 0;
  flex: 0 0 auto;
  padding-top: 2px;
  text-align: right;
}

.based-ui .bb-top-market-card__market-cap > small {
  display: block;
  color: rgba(215,222,218,0.4);
  font-size: 8.5px;
  font-weight: 650;
  letter-spacing: 0.13em;
  line-height: 1;
  text-transform: uppercase;
}

.based-ui .bb-top-market-card__market-cap > strong {
  display: block;
  margin-top: 5px;
  color: rgba(247,249,248,0.94);
  font-size: 20px;
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1;
  white-space: nowrap;
}

.based-ui .bb-top-market-card__ath {
  position: absolute;
  z-index: 5;
  bottom: 10px;
  left: 14px;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  color: #e5c96f;
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.76);
}

.based-ui .bb-top-market-card__ath small {
  color: rgba(199,207,203,0.52);
  font-size: 9.5px;
  font-weight: 680;
  letter-spacing: 0.08em;
}

.based-ui .bb-top-market-card__ath b {
  color: #e5c96f;
  font-size: 13.5px;
  font-weight: 670;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.based-ui .bb-top-market-card__visual {
  position: absolute;
  z-index: 2;
  inset: 62px 0 0;
  min-width: 0;
  overflow: hidden;
}

.based-ui .bb-top-market-card__movement {
  position: absolute;
  z-index: 5;
  bottom: 10px;
  right: 14px;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.76);
}

.based-ui .bb-top-market-card__movement b {
  font-size: 14px;
  font-weight: 640;
  letter-spacing: -0.02em;
  line-height: 1;
}

.based-ui .bb-top-market-card__movement small {
  color: rgba(202,211,207,0.34);
  font-size: 7.5px;
  font-weight: 620;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
}

.based-ui .bb-top-market-card__visual .bb-pro-market-sparkline {
  position: absolute;
  right: -1px;
  bottom: -12px;
  left: -1px;
  width: auto;
  height: 122px;
}

.based-ui .bb-top-market-card__visual .bb-pro-market-sparkline__line {
  stroke-width: 1.65px;
}

.based-ui .bb-top-market-card__visual .bb-pro-market-sparkline__thumb {
  width: 7px;
  height: 7px;
}

.based-ui .bb-top-market-card__progress {
  position: absolute;
  right: 16px;
  bottom: 12px;
  left: 16px;
  height: 84px;
}

.based-ui .bb-top-market-card__progress-timer,
.based-ui .bb-top-market-card__target {
  display: grid;
  gap: 4px;
  font-variant-numeric: tabular-nums;
}

.based-ui .bb-top-market-card__progress-timer {
  position: absolute;
  bottom: 0;
  left: 0;
  justify-items: start;
  gap: 2px;
  color: #ead68e;
}

.based-ui .bb-top-market-card__progress-timer > span {
  display: inline-flex;
  height: 16px;
  align-items: center;
  gap: 4px;
  line-height: 16px;
}

.based-ui .bb-top-market-card__progress-timer svg {
  width: 14px;
  height: 14px;
  color: rgba(242, 220, 139, 0.82);
  shape-rendering: geometricPrecision;
  vector-effect: non-scaling-stroke;
}

.based-ui .bb-top-market-card__progress-timer b {
  font-size: 14px;
  font-weight: 640;
  letter-spacing: -0.02em;
  line-height: 16px;
}

.based-ui .bb-top-market-card__progress-timer > small {
  color: rgba(222, 200, 123, 0.58);
  font-size: 9px;
  font-weight: 570;
  letter-spacing: 0.09em;
  line-height: 1;
  text-transform: uppercase;
}

.based-ui .bb-top-market-card__target small {
  color: rgba(211,219,215,0.42);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0.11em;
  line-height: 1;
  text-transform: uppercase;
}

.based-ui .bb-top-market-card__target {
  position: absolute;
  top: 0;
  right: 0;
  justify-items: end;
  gap: 5px;
  color: rgba(235,240,237,0.72);
}

.based-ui .bb-top-market-card__target b {
  font-size: 15px;
  font-weight: 650;
  line-height: 1;
}

.based-ui .bb-top-market-card__type-pill {
  --bb-badge-tone: #67e6bd;
  position: absolute;
  z-index: 6;
  right: 16px;
  bottom: 12px;
  display: inline-flex;
  height: 22px;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--bb-badge-tone) 32%, rgba(132, 149, 141, 0.22));
  border-radius: 6px;
  background: color-mix(in srgb, var(--bb-badge-tone) 5%, rgba(17, 22, 19, 0.9));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
  padding-inline: 7px;
  color: color-mix(in srgb, var(--bb-badge-tone) 76%, #edf3f0);
  font-size: 8.25px;
  font-weight: 680;
  letter-spacing: 0.025em;
  line-height: 1;
  text-transform: uppercase;
  transition:
    border-color 240ms ease,
    background-color 240ms ease,
    color 240ms ease,
    box-shadow 180ms ease,
    transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
  cursor: pointer;
  outline: none;
  pointer-events: auto;
}

.based-ui .bb-top-market-card[data-visual="chart"] .bb-top-market-card__type-pill {
  top: 8px;
  bottom: auto;
}

.based-ui .bb-top-market-card__type-pill[data-kind="fairlaunch"] {
  --bb-badge-tone: #f5d97a;
}

.based-ui .bb-top-market-shelf:not([data-hover-suppressed="true"])
  .bb-top-market-card:hover
  .bb-top-market-card__type-pill,
.based-ui .bb-top-market-card:focus-within .bb-top-market-card__type-pill {
  border-color: color-mix(in srgb, var(--bb-badge-tone) 44%, rgba(145, 162, 154, 0.25));
  background: color-mix(in srgb, var(--bb-badge-tone) 7%, rgba(17, 22, 19, 0.9));
  color: color-mix(in srgb, var(--bb-badge-tone) 58%, #edf3f0);
}

.based-ui .bb-top-market-card__type-pill:hover,
.based-ui .bb-top-market-card__type-pill:focus-visible {
  border-color: color-mix(in srgb, var(--bb-badge-tone) 58%, rgba(145, 162, 154, 0.28));
  background: color-mix(in srgb, var(--bb-badge-tone) 10%, rgba(17, 22, 19, 0.92));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.055),
    0 5px 14px color-mix(in srgb, var(--bb-badge-tone) 13%, transparent);
  color: color-mix(in srgb, var(--bb-badge-tone) 82%, #f7fbf9);
  transform: translateY(-2px) scale(1.015);
}

.based-ui .bb-top-market-card__type-face {
  position: absolute;
  z-index: 24;
  inset: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  overflow: hidden;
  padding: 22px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(155deg, rgba(17, 23, 20, 0.995), rgba(8, 12, 10, 0.997));
  color: var(--bb-launch-tone, #53dfb2);
  opacity: 0;
  pointer-events: none;
  text-align: center;
  backface-visibility: hidden;
  transform: rotateY(-180deg);
  transition:
    opacity 80ms linear 220ms,
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-top-market-card__type-face strong {
  color: rgba(247, 252, 250, 0.96);
  font-size: 17px;
  letter-spacing: -0.025em;
}

.based-ui .bb-top-market-card__type-face p {
  max-width: 290px;
  color: rgba(211, 225, 219, 0.61);
  font-size: 11px;
  line-height: 1.45;
}

.based-ui .bb-top-market-card__type-face > div {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}

.based-ui .bb-top-market-card__type-face button,
.based-ui .bb-top-market-card__type-face a {
  display: inline-flex;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 650;
  transition: background-color 180ms ease, color 180ms ease;
}

.based-ui .bb-top-market-card__type-face button {
  gap: 6px;
  color: rgba(255,255,255,.48);
}

.based-ui .bb-top-market-card__type-face a {
  background: color-mix(in srgb, var(--bb-launch-tone, #53dfb2) 12%, transparent);
  color: color-mix(in srgb, var(--bb-launch-tone, #53dfb2) 78%, white);
}

.based-ui .bb-top-market-card[data-type-revealed="true"] .bb-top-market-card__surface {
  transform: rotateY(180deg);
}

.based-ui .bb-top-market-card[data-type-revealed="true"] .bb-top-market-card__type-face {
  opacity: 1;
  pointer-events: auto;
  transform: rotateY(0deg);
}

.based-ui .bb-top-market-card__rail {
  position: absolute;
  top: 34px;
  right: 0;
  left: 0;
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,0.075);
}

.based-ui .bb-top-market-card__fill {
  position: absolute;
  inset-block: 0;
  left: 0;
  border-radius: inherit;
  background: #18c98e;
  box-shadow: 0 0 10px rgba(24,201,142,0.16);
}

.based-ui .bb-top-market-card__endpoint,
.based-ui .bb-top-market-card__goal {
  position: absolute;
  z-index: 3;
  top: 50%;
  display: block;
  width: 7px;
  height: 7px;
  transform: translate(-50%,-50%);
}

.based-ui .bb-top-market-card__endpoint {
  border-radius: 50%;
  background-color: #49ddb0;
  box-shadow: 0 0 8px rgba(73,221,176,0.4);
}

.based-ui .bb-top-market-card__endpoint.bb-pro-market-progress__endpoint--sparking {
  background-color: #fff8df;
  box-shadow:
    inset 0 0 2px rgba(255, 255, 248, 1),
    0 0 5px rgba(246, 231, 179, 0.96),
    0 0 14px rgba(229, 201, 111, 0.72);
}

.based-ui .bb-top-market-card__goal {
  border: 1px solid rgba(229,201,111,0.7);
  border-radius: 1px;
  background: #303532;
  transform: translate(-50%,-50%) rotate(45deg);
}

.based-ui .bb-top-market-card__goal.is-reached {
  background: #e5c96f;
  box-shadow: 0 0 7px rgba(229,201,111,0.34);
}

.based-ui .bb-top-market-card__percent {
  position: absolute;
  top: 11px;
  color: #54dfb3;
  font-size: 10.5px;
  font-weight: 680;
  line-height: 1;
  transform: translateX(-50%);
}

@media (max-width: 719px) {
  .based-ui .bb-top-market-track > .bb-top-market-card {
    flex-basis: min(88vw, 360px);
  }

  .based-ui .bb-top-market-card {
    height: 168px;
  }

  .based-ui .bb-top-market-card__header {
    gap: 12px;
  }

  .based-ui .bb-top-market-card__avatar {
    width: 44px;
    height: 44px;
  }

  .based-ui .bb-top-market-card__avatar > img {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 719px) {
  .based-ui .bb-market-layout {
    width: min(calc(100% - 28px), var(--bb-workspace-max));
  }

  .based-ui .bb-home-market-hero {
    display: none;
  }
}

.based-ui .bb-scroll {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.based-ui .bb-scroll:hover,
.based-ui .bb-scroll:focus-within {
  scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
}
.based-ui .bb-scroll::-webkit-scrollbar { width: 3px; }
.based-ui .bb-scroll::-webkit-scrollbar-track { background: transparent; }
.based-ui .bb-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 9999px;
  transition: background-color 160ms ease;
}
.based-ui .bb-scroll:hover::-webkit-scrollbar-thumb,
.based-ui .bb-scroll:focus-within::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.28);
}

.based-ui .bb-home-create-launch {
  position: relative;
  isolation: isolate;
  background: #18c98e;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  transition:
    filter 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.based-ui .bb-home-create-launch__gradient {
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(110deg, #0edb86 0%, #36eba6 38%, #f5d97a 78%, #18c98e 100%);
  background-position: 0% 50%;
  background-size: 220% 100%;
  animation: bbHomeLaunchGradientFlow 5.8s ease-in-out infinite;
}

.based-ui .bb-home-create-launch__surface {
  z-index: 2;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.based-ui .bb-home-create-launch__sheen {
  z-index: 1;
  pointer-events: none;
  animation: bbHomeLaunchSheen 3.25s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.based-ui .bb-home-create-launch:hover {
  border-color: rgba(164, 255, 224, 0.82);
  filter: saturate(1.025) brightness(1.025);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.based-ui .bb-home-create-launch__particles {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.based-ui .bb-home-create-launch__particle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  border-radius: 0.5px;
  background: #4cdfad;
  opacity: 0;
  pointer-events: none;
}

.based-ui .bb-home-create-launch__outline {
  position: absolute;
  inset: -3px;
  z-index: 1;
  border-radius: inherit;
  background: linear-gradient(105deg, #45f5b4 0%, #a3ffcf 38%, #ffe8a1 70%, #edbd50 100%);
  box-shadow: -5px 0 16px rgba(69, 245, 180, 0.45), 5px 0 16px rgba(237, 189, 80, 0.4);
  opacity: 0;
  pointer-events: none;
}

.based-ui .bb-home-create-launch__charge {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  background: linear-gradient(105deg, #c5ffe2, #fff0b9);
  opacity: 0;
  pointer-events: none;
}

html:is([data-animation="reduced"], .based-ui [data-animation="off"], [data-effects="off"], [data-attention="off"])
  .bb-home-create-launch__charge,
html:is([data-animation="reduced"], .based-ui [data-animation="off"], [data-effects="off"], [data-attention="off"])
  .bb-home-create-launch__outline,
html:is([data-animation="reduced"], .based-ui [data-animation="off"], [data-effects="off"], [data-attention="off"])
  .bb-home-create-launch__particles {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .based-ui .bb-home-create-launch__charge,
.based-ui .bb-home-create-launch__outline,
.based-ui .bb-home-create-launch__particles {
    display: none;
  }
}

.based-ui .bb-home-create-launch:active {
  filter: brightness(0.98);
  transition-duration: 90ms;
}

.based-ui .bb-smart-spotlight[data-smart-phase="active"]:not([data-smart-event="heating"])
  .bb-pro-market-card__surface {
  box-shadow:
    inset 0 0 0 1px rgba(var(--bb-event-rgb), 0.46),
    inset 0 0 0 2px rgba(var(--bb-event-rgb), 0.12);
}

.based-ui .bb-smart-spotlight[data-smart-event="graduated"] .bb-pro-market-card__badge {
  border-color: rgba(244, 204, 98, 0.68);
  background: rgba(70, 57, 20, 0.72);
  box-shadow:
    inset 0 1px rgba(255, 244, 202, 0.12),
    0 0 15px rgba(244, 204, 98, 0.14);
  color: #f7d879;
}

.based-ui .bb-smart-spotlight[data-smart-event="heating"] .bb-pro-market-card__avatar::before,
.based-ui .bb-smart-spotlight[data-smart-event="heating"] .bb-pro-market-sparkline__event-pulse {
  display: none;
}

.based-ui .bb-smart-spotlight[data-smart-event="heating"][data-smart-phase="active"]
  .bb-pro-market-card__badge {
  border-color: rgba(251, 154, 86, 0.66);
  background: rgba(77, 35, 15, 0.76);
  box-shadow:
    inset 0 1px rgba(255, 224, 198, 0.12),
    0 0 15px rgba(251, 126, 46, 0.17);
  color: #ffb782;
  animation: bbSmartHeatingBadge 3.2s ease-in-out infinite;
}

.based-ui .bb-smart-spotlight[data-smart-event="near-graduation"][data-smart-phase="active"]
  .bb-pro-market-card__badge {
  border-color: rgba(229, 201, 111, 0.58);
  background: rgba(17, 22, 19, 0.88);
  box-shadow: 0 0 12px rgba(229, 201, 111, 0.1);
  color: #f0d77e;
}

.based-ui .bb-smart-spotlight[data-smart-event="near-graduation"][data-smart-phase="active"]
  .bb-pro-market-progress__fill {
  background-image: none;
}

.based-ui .bb-smart-spotlight[data-smart-event="near-graduation"][data-smart-phase="active"]
  .bb-pro-market-progress__endpoint {
  background-color: #e5c96f !important;
  box-shadow: 0 0 9px rgba(229, 201, 111, 0.52) !important;
}

.based-ui .bb-smart-spotlight[data-smart-event="near-graduation"]
  .bb-pro-market-progress__event-tracer {
  display: none;
}

.based-ui .bb-pro-market-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

@media (min-width: 720px) {
  .based-ui .bb-pro-market-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 296px), 1fr));
  }
}
@media (min-width: 1280px) {
  .based-ui .bb-pro-market-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  }
}

.based-ui .bb-pro-market-card {
  --bb-card-turn-duration: 520ms;
  --movement-color: #18c98e;
  --pulse-color: var(--ambient-a);
  --bb-badge-tone: var(--pulse-color);
  position: relative;
  isolation: isolate;
  min-width: 0;
  height: 310px;
  color: inherit;
  text-align: left;
  transition: opacity 220ms cubic-bezier(0.22, 1, 0.36, 1);
  perspective: 1150px;
}

.based-ui .bb-pro-market-card[data-direction="negative"] {
  --movement-color: #ff3771;
}

.based-ui .bb-pro-market-card[data-pagination-paint="true"] .bb-pro-market-sparkline,
.based-ui .bb-pro-market-card[data-pagination-paint="true"] .bb-pro-market-progress__fill,
.based-ui .bb-pro-market-card[data-pagination-paint="true"] .bb-pro-market-progress__event-tracer {
  -webkit-mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 50%,
    rgba(0, 0, 0, 0.76) 51.5%,
    rgba(0, 0, 0, 0.3) 53%,
    transparent 55%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 50%,
    rgba(0, 0, 0, 0.76) 51.5%,
    rgba(0, 0, 0, 0.3) 53%,
    transparent 55%,
    transparent 100%
  );
  -webkit-mask-position: 100% 0;
  mask-position: 100% 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: bbMarketChartPaint 1320ms cubic-bezier(0.16, 0.72, 0.18, 1) 45ms both;
  will-change: -webkit-mask-position, mask-position;
}

.based-ui .bb-pro-market-progress__marker-layer {
  position: absolute;
  inset: 0;
  z-index: 11;
  overflow: visible;
  pointer-events: none;
}

.based-ui .bb-pro-market-card[data-pagination-paint="true"] .bb-pro-market-progress__marker-layer {
  animation: bbMarketProgressMarkersSettle 560ms cubic-bezier(0.16, 0.78, 0.22, 1) 60ms both;
  will-change: opacity;
}
.based-ui .bb-pro-market-card__flipper {
  position: relative;
  z-index: 10;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  transition: transform var(--bb-card-turn-duration) cubic-bezier(0.22, 1, 0.36, 1);
  /* Keep the same rasterization layer at rest and in motion, including subpixel markers. */
  will-change: transform;
}

.based-ui .bb-pro-market-card__surface {
  --card-pad: 14px;
  position: relative;
  isolation: isolate;
  z-index: 10;
  display: grid;
  height: 100%;
  min-height: 310px;
  grid-template-rows: auto auto minmax(112px, 1fr) auto;
  gap: 9px;
  overflow: hidden;
  padding: var(--card-pad);
  border-radius: 18px;
  pointer-events: none;
  backface-visibility: hidden;
  transform: rotateY(0deg);
  transform-style: flat;
}

.based-ui .bb-pro-market-card__surface::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.026), transparent 30%) padding-box,
    linear-gradient(
        180deg,
        color-mix(in srgb, var(--bb-surface-panel) 92%, var(--ambient-a) 8%),
        color-mix(in srgb, var(--bb-surface-inset) 96%, var(--ambient-c) 4%)
      )
      padding-box,
    linear-gradient(
        135deg,
        rgba(150, 169, 160, 0.2),
        rgba(91, 108, 100, 0.12) 47%,
        rgba(150, 169, 160, 0.17)
      )
      border-box;
  box-shadow:
    0 20px 54px rgba(0, 0, 0, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.022);
  content: "";
  transition: box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-pro-market-card__surface::after {
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: 17px;
  background:
    linear-gradient(
      to bottom,
      transparent 38%,
      rgba(4, 7, 6, 0.1) 60%,
      rgba(4, 7, 6, 0.28) 82%,
      rgba(4, 7, 6, 0.44) 100%
    ),
    radial-gradient(
      ellipse 62% 50% at 7% 12%,
      color-mix(in srgb, var(--ambient-a) 19%, transparent),
      transparent 68%
    ),
    linear-gradient(
      to top,
      color-mix(in srgb, var(--ambient-c) 5%, transparent) 0%,
      color-mix(in srgb, var(--ambient-c) 2.5%, transparent) 30%,
      transparent 64%
    );
  content: "";
  opacity: 0.68;
  transition: opacity 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-pro-market-card__ambient {
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: 17px;
  background:
    radial-gradient(
      circle at 15% 15%,
      color-mix(in srgb, var(--ambient-a) 23%, transparent),
      transparent 44%
    ),
    radial-gradient(
      circle at 88% 10%,
      color-mix(in srgb, var(--ambient-b) 16%, transparent),
      transparent 43%
    ),
    linear-gradient(
      to top,
      color-mix(in srgb, var(--ambient-c) 6%, transparent) 0%,
      color-mix(in srgb, var(--ambient-c) 3%, transparent) 34%,
      transparent 70%
    );
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"]):has(
    .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  )
  > .bb-pro-market-card:not(:is(:hover, [data-mobile-focused="true"])),
.based-ui .bb-pro-market-grid:has(.bb-pro-market-card:has(:focus-visible))
  > .bb-pro-market-card:not(:has(:focus-visible)) {
  opacity: 0.72 !important;
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"]):has(
    .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  )
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"]),
.based-ui .bb-pro-market-grid:has(.bb-pro-market-card:has(:focus-visible))
  > .bb-pro-market-card:has(:focus-visible) {
  opacity: 1 !important;
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"]),
.based-ui .bb-pro-market-card:has(:focus-visible) {
  z-index: 8;
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__surface::before,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-card__surface::before {
  box-shadow:
    0 26px 66px rgba(0, 0, 0, 0.52),
    inset 0 1px rgba(255, 255, 255, 0.04);
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__surface::after,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-card__surface::after {
  opacity: 0.74;
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__ambient,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-card__ambient {
  opacity: 0.46;
}

.based-ui .bb-pro-market-card__identity,
.based-ui .bb-pro-market-card__quote,
.based-ui .bb-pro-market-card__metrics,
.based-ui .bb-pro-market-card__actions {
  display: flex;
  align-items: center;
}

.based-ui .bb-pro-market-card__identity {
  min-width: 0;
  gap: 14px;
}

.based-ui .bb-pro-market-card__avatar {
  isolation: isolate;
}

.based-ui .bb-pro-market-card__avatar::before {
  position: absolute;
  z-index: -1;
  inset: -7px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--bb-event-rgb), 0.28), transparent 68%);
  content: "";
  opacity: 0;
  pointer-events: none;
}

.based-ui .bb-smart-spotlight[data-smart-phase="active"] .bb-pro-market-card__avatar::before {
  animation: bbSmartAvatarBloom 2.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.based-ui .bb-pro-market-card__identity-copy {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  align-self: flex-start;
  gap: 5px;
  padding-top: 15px;
}

.based-ui .bb-pro-market-card__identity-title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

.based-ui .bb-pro-market-card__identity-symbol {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  line-height: 12px;
}

.based-ui .bb-pro-market-card__identity-copy strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--bb-text-primary);
  font-size: 18px;
  line-height: 22px;
  font-weight: 650;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__identity-copy strong i,
.based-ui .bb-pro-market-card__identity-symbol > i {
  margin-left: 6px;
  color: var(--bb-text-muted);
  font-size: 9.5px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.based-ui .bb-pro-market-card__identity-symbol > i {
  margin-left: 0;
}

.based-ui .bb-pro-market-card__identity-meta {
  position: relative;
  min-height: 16px;
  z-index: 18;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: var(--bb-text-muted);
  font-size: 11.5px;
  line-height: 12px;
  pointer-events: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__identity-relation {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 3px;
  color: var(--bb-text-faint);
  line-height: 12px;
}

.based-ui .bb-pro-market-card__contract {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 18;
  height: 100%;
  width: max-content;
  max-width: 100%;
  align-items: center;
  gap: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  margin-right: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__contract,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-card__contract {
  position: static;
  max-width: 100%;
  overflow: visible;
  margin-right: 0;
  opacity: 1;
  pointer-events: auto;
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__identity-symbol > i,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-card__identity-symbol > i {
  display: none;
}

.based-ui .bb-pro-market-card__contract > a,
.based-ui .bb-pro-market-card__contract > button {
  display: inline-flex;
  min-width: max-content;
  height: 100%;
  align-items: center;
  flex-wrap: nowrap;
  font-family: inherit;
  font-size: inherit;
  line-height: 12px;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__identity-meta > .bb-pro-market-card__identity-relation {
  flex: 0 0 auto;
}

.based-ui .bb-pro-market-card__identity-meta > .bb-pro-market-card__identity-relation:last-child {
  flex: 1 1 auto;
  overflow: hidden;
}

.based-ui .bb-pro-market-card__identity-relation > a {
  min-width: 0;
  overflow: hidden;
  color: var(--bb-text-secondary);
  font-weight: 540;
  text-overflow: ellipsis;
  transition: color 180ms ease;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__identity-relation:hover > a,
.based-ui .bb-pro-market-card__identity-relation:focus-within > a {
  color: rgba(255, 255, 255, 0.92);
}

.based-ui .bb-pro-market-card__badge {
  position: absolute;
  z-index: 16;
  top: 10px;
  right: 13px;
  display: inline-flex;
  height: 19px;
  max-width: 122px;
  align-items: center;
  line-height: 1;
  gap: 5px;
  overflow: hidden;
  padding: 0 7px;
  border: 1px solid color-mix(in srgb, var(--bb-badge-tone) 32%, rgba(132, 149, 141, 0.22));
  border-radius: 6px;
  background: color-mix(in srgb, var(--bb-badge-tone) 5%, rgba(17, 22, 19, 0.9));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
  color: color-mix(in srgb, var(--bb-badge-tone) 76%, #edf3f0);
  font-size: 8.25px;
  font-weight: 680;
  letter-spacing: 0.025em;
  text-overflow: ellipsis;
  text-rendering: geometricPrecision;
  text-transform: uppercase;
  transition:
    border-color 240ms ease,
    background-color 240ms ease,
    color 240ms ease,
    box-shadow 180ms ease,
    transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  pointer-events: auto;
}

.based-ui .bb-top-market-card__type-pill:focus-visible,
.based-ui .bb-pro-market-card__badge:focus-visible {
  border-color: color-mix(in srgb, var(--bb-badge-tone) 56%, rgba(145, 162, 154, 0.3));
  color: rgba(246, 251, 249, 0.94);
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__badge,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-card__badge {
  border-color: color-mix(in srgb, var(--bb-badge-tone) 44%, rgba(145, 162, 154, 0.25));
  background: color-mix(in srgb, var(--bb-badge-tone) 7%, rgba(17, 22, 19, 0.9));
  color: color-mix(in srgb, var(--bb-badge-tone) 58%, #edf3f0);
}

.based-ui button.bb-pro-market-card__badge:hover,
.based-ui button.bb-pro-market-card__badge:focus-visible {
  border-color: color-mix(in srgb, var(--bb-badge-tone) 58%, rgba(145, 162, 154, 0.28));
  background: color-mix(in srgb, var(--bb-badge-tone) 10%, rgba(17, 22, 19, 0.92));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.055),
    0 5px 14px color-mix(in srgb, var(--bb-badge-tone) 13%, transparent);
  color: color-mix(in srgb, var(--bb-badge-tone) 82%, #f7fbf9);
  transform: none;
}

.based-ui .bb-pro-market-card__kyc-face {
  position: absolute;
  z-index: 18;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(17, 23, 20, 0.99), rgba(8, 12, 10, 0.997));
  box-shadow: none;
  color: rgba(244, 250, 247, 0.94);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  transform-style: flat;
  transition: opacity 80ms linear 220ms;
}

.based-ui .bb-pro-market-card__kyc-face::before {
  position: absolute;
  inset: 1px;
  border-radius: 17px;
  background:
    radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--ambient-a) 12%, transparent), transparent 42%),
    radial-gradient(circle at 86% 90%, color-mix(in srgb, var(--ambient-c) 8%, transparent), transparent 46%);
  content: "";
  pointer-events: none;
}

.based-ui .bb-pro-market-card__kyc-face-mark,
.based-ui .bb-pro-market-card__kyc-face-copy,
.based-ui .bb-pro-market-card__face-back {
  position: relative;
  z-index: 1;
}

.based-ui .bb-pro-market-card__kyc-face-mark {
  display: grid;
  width: 66px;
  height: 66px;
  place-items: center;
  color: var(--bb-verification-color, #5ee3b6);

}

.based-ui .bb-pro-market-card__kyc-face-mark svg {
  width: 54px;
  height: 54px;
  shape-rendering: geometricPrecision;
}

.based-ui .bb-pro-market-card__kyc-face-copy {
  display: grid;
  max-width: 244px;
  justify-items: center;
  gap: 8px;
  text-align: center;
}

.based-ui .bb-pro-market-card__kyc-face-copy strong {
  color: rgba(247, 252, 250, 0.96);
  font-size: 20px;
  font-weight: 650;
  letter-spacing: -0.025em;
}

.based-ui .bb-pro-market-card__kyc-face-copy span {
  color: rgba(211, 225, 219, 0.62);
  font-size: 11.5px;
  font-weight: 430;
  line-height: 1.45;
}

.based-ui .bb-pro-market-card__kyc-face-note {
  position: relative;
  z-index: 1;
  max-width: 250px;
  margin-top: 14px;
  color: var(--bb-text-faint);
  font-size: 9px;
  font-weight: 520;
  line-height: 1.45;
  text-align: center;
}

.based-ui .bb-pro-market-card:is([data-kyc-revealed="true"], [data-type-revealed="true"], [data-fee-revealed="true"])
  .bb-pro-market-card__flipper {
  transform: rotateY(180deg);
}

.based-ui .bb-pro-market-card[data-kyc-revealed="true"] .bb-pro-market-card__verification-face {
  opacity: 1;
  pointer-events: auto;
}

.based-ui .bb-pro-market-card__type-face .bb-pro-market-card__kyc-face-mark {
  color: var(--bb-launch-tone, #53dfb2);
  filter: drop-shadow(
    0 0 18px color-mix(in srgb, var(--bb-launch-tone, #53dfb2) 22%, transparent)
  );
}

.based-ui .bb-pro-market-card[data-type-revealed="true"] .bb-pro-market-card__type-face {
  opacity: 1;
  pointer-events: auto;
}

.based-ui .bb-pro-market-card__fee-face {
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  padding: 12px 16px;
  cursor: default;
}

.based-ui .bb-pro-market-card[data-fee-revealed="true"] .bb-pro-market-card__fee-face {
  opacity: 1;
  pointer-events: auto;
}

.based-ui .bb-pro-market-card__fee-heading,
.based-ui .bb-pro-market-card__fee-routes,
.based-ui .bb-pro-market-card__fee-back {
  position: relative;
  z-index: 1;
}

.based-ui .bb-pro-market-card__fee-heading {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: rgba(243, 247, 244, 0.92);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: -0.01em;
}

.based-ui .bb-pro-market-card__fee-back {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(188, 198, 191, 0.6);
  cursor: pointer;
  transition: color 160ms ease;
}

.based-ui .bb-pro-market-card__fee-back:hover,
.based-ui .bb-pro-market-card__fee-back:focus-visible {
  color: #e5c56d;
}

.based-ui .bb-pro-market-card__fee-total {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__fee-total small {
  color: var(--bb-text-faint);
  font-size: 8px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.based-ui .bb-pro-market-card__fee-total strong {
  color: #f5d97a;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.based-ui .bb-pro-market-card__fee-total-track {
  position: relative;
  z-index: 1;
  height: 6px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
}

.based-ui .bb-pro-market-card__fee-total-track > span {
  display: block;
  height: 100%;
  border-radius: inherit;
}

.based-ui .bb-pro-market-card__fee-routes {
  flex: 1;
  display: grid;
  align-content: start;
  grid-auto-rows: 43px;
  gap: 7px;
  margin-top: 4px;
  min-height: 0;
  overflow: hidden;
}

.based-ui .bb-pro-market-card__fee-more {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-shrink: 0;
  align-self: flex-end;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  min-height: 24px;
  color: rgba(232, 235, 231, 0.6);
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: color 160ms ease;
}

.based-ui .bb-pro-market-card__fee-more:hover,
.based-ui .bb-pro-market-card__fee-more:focus-visible {
  color: #f5d97a;
}

.based-ui .bb-pro-market-card__fee-route {
  min-width: 0;
  position: relative;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto max-content;
  grid-template-rows: 18px 4px;
  align-content: center;
  align-items: center;
  column-gap: 6px;
  row-gap: 6px;
}

.based-ui .bb-pro-market-card__fee-route-icon {
  display: grid;
  grid-column: 1;
  grid-row: 1 / 3;
  place-items: center;
  color: var(--fee-route-color);
}

.based-ui .bb-pro-market-card__fee-route-head {
  display: contents;
  color: rgba(238, 242, 239, 0.83);
  font-size: 11px;
  font-weight: 500;
}

.based-ui .bb-pro-market-card__fee-route-head > span {
  grid-column: 2;
  grid-row: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__fee-route-head strong {
  grid-column: 4;
  grid-row: 1;
  text-align: right;
  white-space: nowrap;
  color: var(--fee-route-color);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  font-weight: 630;
}

.based-ui .bb-pro-market-card__fee-track {
  grid-column: 2 / -1;
  grid-row: 2;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
}

.based-ui .bb-pro-market-card__fee-track > span {
  display: block;
  height: 100%;
  border-radius: inherit;
}

.based-ui .bb-pro-market-card__fee-assets {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 0;
  color: rgba(229, 197, 109, 0.68);
}

.based-ui .bb-pro-market-card__fee-asset {
  display: grid;
  width: 17px;
  height: 17px;
  overflow: hidden;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: #151918;
}

.based-ui .bb-pro-market-card__fee-asset + .bb-pro-market-card__fee-asset {
  margin-left: -4px;
}

.based-ui .bb-pro-market-card__fee-asset img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.based-ui .bb-pro-market-card__fee-assets small {
  align-self: flex-start;
  margin-left: 3px;
  position: relative;
  top: -3px;
  color: rgba(232, 235, 231, 0.76);
  font-size: 10px;
  font-weight: 450;
  line-height: 1;
}

.based-ui .bb-pro-market-card__type-face-actions {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 8px;
  margin-top: 22px;
}

.based-ui .bb-pro-market-card__face-back,
.based-ui .bb-pro-market-card__type-face-actions a {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  padding: 0 13px;
  font-size: 10px;
  font-weight: 650;
  transition: background-color 180ms ease, color 180ms ease;
}

.based-ui .bb-pro-market-card__face-back {
  border: 0;
  gap: 6px;
  background: transparent;
  color: var(--bb-text-muted);
  line-height: 1;
}

.based-ui .bb-pro-market-card__verification-face > .bb-pro-market-card__face-back {
  margin-top: 20px;
}

.based-ui button.bb-pro-market-card__face-back:hover,
.based-ui button.bb-pro-market-card__face-back:focus-visible,
.based-ui .bb-pro-market-card__verification-face:hover > .bb-pro-market-card__face-back,
.based-ui .bb-pro-market-card__verification-face:focus-visible > .bb-pro-market-card__face-back {
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.78);
}

.based-ui .bb-pro-market-card__type-face-actions a {
  background: color-mix(in srgb, var(--bb-launch-tone, #53dfb2) 11%, transparent);
  color: color-mix(in srgb, var(--bb-launch-tone, #53dfb2) 80%, white);
}

.based-ui .bb-pro-market-card__type-face-actions a:hover {
  background: color-mix(in srgb, var(--bb-launch-tone, #53dfb2) 16%, transparent);
  color: color-mix(in srgb, var(--bb-launch-tone, #53dfb2) 68%, white);
}

.based-ui .bb-pro-market-card[data-kyc-restoring="true"] .bb-pro-market-card__socials-more {
  max-width: 0 !important;
  opacity: 0 !important;
  transform: translateX(5px) !important;
  transition: none !important;
}

.based-ui .bb-pro-market-card[data-kyc-restoring="true"] .bb-pro-market-card__description {
  opacity: 0 !important;
  transform: translateY(5px) !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .based-ui .bb-pro-market-card {
    --bb-card-turn-duration: 1ms;
  }

  .based-ui .bb-pro-market-card[data-pagination-paint="true"] .bb-pro-market-sparkline,
.based-ui .bb-pro-market-card[data-pagination-paint="true"] .bb-pro-market-progress__fill,
.based-ui .bb-pro-market-card[data-pagination-paint="true"] .bb-pro-market-progress__event-tracer,
.based-ui .bb-pro-market-card[data-pagination-paint="true"] .bb-pro-market-progress__marker-layer {
    animation: none;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .based-ui .bb-pro-market-card__flipper,
.based-ui .bb-pro-market-card__kyc-face {
    transition-duration: 1ms;
  }
}

.based-ui .bb-pro-market-card__quote {
  position: relative;
  min-height: 22px;
  align-items: flex-start;
  padding-right: 96px;
}

.based-ui .bb-pro-market-card__primary-value {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 22px;
}

.based-ui .bb-pro-market-card__primary-value > strong {
  min-width: 0;
  overflow: hidden;
  color: var(--bb-text-primary);
  font-size: 22px;
  font-weight: 640;
  letter-spacing: -0.045em;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__ath {
  position: absolute;
  z-index: 6;
  top: calc(100% + 3px);
  left: 0;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  color: #e5c96f;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__ath small {
  color: rgba(199, 207, 203, 0.62);
  font-size: 9.5px;
  font-weight: 680;
  letter-spacing: 0.08em;
}

.based-ui .bb-pro-market-card__ath b {
  color: #e5c96f;
  font-size: 13.5px;
  font-weight: 670;
  letter-spacing: -0.02em;
}

.based-ui .bb-pro-market-card__change {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  width: 90px;
  justify-items: end;
  gap: 2px;
  font-size: 14px;
  font-weight: 640;
  font-synthesis: none;
  letter-spacing: -0.02em;
  line-height: 1;
  text-rendering: geometricPrecision;
}

.based-ui .bb-pro-market-card__change small {
  color: var(--bb-text-faint);
  font-size: 9px;
  font-weight: 570;
  letter-spacing: 0.09em;
  line-height: 1;
  text-transform: uppercase;
}

.based-ui .bb-pro-market-card__change--countdown {
  gap: 2px;
  color: #ead68e;
}

.based-ui .bb-pro-market-card__countdown {
  display: inline-flex;
  height: 16px;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  line-height: 16px;
}

.based-ui .bb-pro-market-card__countdown svg {
  display: block;
  width: 14px;
  height: 14px;
  align-self: center;
  flex: 0 0 auto;
  color: rgba(242, 220, 139, 0.82);
  shape-rendering: geometricPrecision;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.based-ui .bb-pro-market-card__change--countdown small {
  color: rgba(222, 200, 123, 0.58);
}

.based-ui .bb-pro-market-card__chart {
  position: relative;
  display: block;
  width: calc(100% + (var(--card-pad) * 2));
  min-height: 132px;
  margin-inline: calc(var(--card-pad) * -1);
  overflow: visible;
}

.based-ui .bb-smart-spotlight[data-smart-event="created"][data-smart-phase="active"]
  .bb-pro-market-sparkline {
  color: #67e6bd;
}

.based-ui .bb-pro-market-sparkline {
  position: relative;
  display: block;
  width: 100%;
  height: 132px;
  color: var(--movement-color);
  transition: color 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-pro-market-sparkline > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.based-ui .bb-pro-market-sparkline__line {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  vector-effect: non-scaling-stroke;
}

.based-ui .bb-smart-spotlight[data-smart-event="heating"] .bb-pro-market-sparkline {
  color: #fb7e2e;
  transition-duration: 220ms;
}

.based-ui .bb-pro-market-sparkline__line.is-energy-active {
  animation: bbMarketLineEnergy 1.35s ease-out both;
}

.based-ui .bb-pro-market-sparkline__event-pulse {
  fill: none;
  stroke: rgb(var(--bb-event-rgb));
  stroke-dasharray: 0.12 0.88;
  stroke-dashoffset: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3px;
  opacity: 0;
  filter: drop-shadow(0 0 5px rgba(var(--bb-event-rgb), 0.74));
  vector-effect: non-scaling-stroke;
}

.based-ui .bb-smart-spotlight[data-smart-phase="active"] .bb-pro-market-sparkline__event-pulse {
  animation: bbSmartChartTracer 1.05s cubic-bezier(0.18, 0.75, 0.24, 1) both;
}

.based-ui .bb-smart-spotlight[data-smart-event="created"][data-smart-phase="active"]
  .bb-pro-market-sparkline__event-pulse {
  animation: bbSmartChartDraw 2.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.based-ui .bb-pro-market-sparkline__area {
  opacity: 1;
}

.based-ui .bb-pro-market-card__description {
  position: absolute;
  z-index: 4;
  right: var(--card-pad);
  bottom: -1px;
  left: var(--card-pad);
  display: -webkit-box;
  overflow: hidden;
  background: none;
  color: rgba(230, 238, 234, 0.78);
  font-size: 12px;
  font-weight: 420;
  line-height: 1.34;
  opacity: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.78);
  transform: translateY(5px);
  transition:
    opacity 220ms ease 70ms,
    transform 260ms cubic-bezier(0.16, 1, 0.3, 1) 70ms;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__description,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-card__description {
  opacity: 1;
  transform: translateY(0);
}

.based-ui .bb-pro-market-progress__percent {
  position: absolute;
  top: 10px;
  z-index: 13;
  font-size: 10.5px;
  font-weight: 650;
  line-height: 1;
  opacity: 0.9;
  transform: translateX(-50%);
  transform-origin: 50% 50%;
  transition:
    color 300ms ease,
    opacity 220ms ease,
    transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-progress__percent,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-progress__percent {
  opacity: 1;
  transform: translate(-50%, -25px) scale(0.86);
}

.based-ui .bb-pro-market-sparkline__thumb {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid color-mix(in srgb, currentColor 52%, #f6faf8);
  border-radius: 50%;
  background: currentColor;
  box-shadow:
    0 0 0 3px color-mix(in srgb, currentColor 15%, transparent),
    0 0 9px color-mix(in srgb, currentColor 42%, transparent);
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.based-ui .bb-pro-market-sparkline__thumb::after,
.based-ui .bb-pro-market-progress__endpoint::after {
  position: absolute;
  inset: -6px;
  border: 1px solid rgba(var(--bb-event-rgb), 0.68);
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
}

.based-ui .bb-smart-spotlight[data-smart-event="near-soft-cap"][data-smart-phase="active"]
  .bb-pro-market-progress__goal {
  animation: bbSmartGoalDiamondBlink 1.75s ease-in-out infinite;
}

.based-ui .bb-smart-spotlight[data-smart-event="unlimited-plateau"][data-smart-phase="active"]
  .bb-pro-market-progress__goal {
  animation: bbSmartGoalDiamondGlow 2.4s ease-in-out infinite;
}

.based-ui .bb-pro-market-progress__goal--plateau {
  width: 9px;
  height: 9px;
}

.based-ui .bb-smart-spotlight[data-smart-event="near-soft-cap"]
  .bb-pro-market-progress__event-tracer,
.based-ui .bb-smart-spotlight[data-smart-event="unlimited-plateau"]
  .bb-pro-market-progress__event-tracer {
  display: none;
}

.based-ui .bb-smart-spotlight[data-smart-event="unlimited-plateau"]
  .bb-pro-market-progress__endpoint {
  opacity: 0;
}

.based-ui .bb-pro-market-progress__event-tracer {
  position: absolute;
  z-index: 10;
  inset-block: -2px;
  left: 0;
  overflow: hidden;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
}

.based-ui .bb-pro-market-progress__event-tracer::after {
  position: absolute;
  inset-block: 1px;
  left: -34%;
  width: 34%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(var(--bb-event-rgb), 0.48), #fff3bf);
  box-shadow: 0 0 10px rgba(var(--bb-event-rgb), 0.7);
  content: "";
}

.based-ui .bb-smart-spotlight[data-smart-phase="active"] .bb-pro-market-progress__event-tracer {
  opacity: 1;
}

.based-ui .bb-smart-spotlight[data-smart-phase="active"] .bb-pro-market-progress__event-tracer::after {
  animation: bbSmartProgressTracer 1.2s cubic-bezier(0.18, 0.76, 0.24, 1) both;
}

.based-ui .bb-pro-market-card__metrics {
  min-width: 0;
  justify-content: flex-start;
  gap: 10px;
  min-height: 22px;
  padding-top: 2px;
  transform: translateY(4px);
}

.based-ui .bb-pro-market-card__fee-trigger {
  position: relative;
  z-index: 18;
  display: inline-grid;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  place-items: center;
  margin-left: -1px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(184, 187, 177, 0.58);
  cursor: pointer;
  pointer-events: auto;
  transition: color 180ms ease;
}

.based-ui .bb-pro-market-card__fee-trigger::before {
  position: absolute;
  inset: -5px;
  content: "";
}

.based-ui .bb-pro-market-card__fee-trigger:hover,
.based-ui .bb-pro-market-card__fee-trigger:focus-visible {
  color: #e5c56d;
}

.based-ui .bb-pro-market-card__fee-tip {
  bottom: -30px;
  left: 8px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-3px);
  transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
}

.based-ui .bb-pro-market-card:has(.bb-pro-market-card__fee-trigger:is(:hover, :focus-visible)) {
  z-index: 30;
}

.based-ui .bb-pro-market-card:not([data-fee-revealed="true"]):has(
    .bb-pro-market-card__fee-trigger:is(:hover, :focus-visible)
  ) .bb-pro-market-card__fee-tip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.based-ui .bb-pro-market-card__metric {
  display: inline-flex;
  min-width: 0;
  align-items: baseline;
  flex: 0 1 auto;
  gap: 4px;
}

.based-ui .bb-pro-market-card__metric small {
  color: var(--bb-text-faint);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.based-ui .bb-pro-market-card__metric strong {
  overflow: hidden;
  color: var(--bb-text-secondary);
  font-size: 10px;
  font-weight: 590;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.based-ui .bb-pro-market-card__actions {
  position: relative;
  z-index: 18;
  display: flex;
  height: 20px;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  pointer-events: auto;
}

.based-ui .bb-top-market-card__visibility {
  position: absolute;
  z-index: 20;
  top: 11px;
  right: 14px;
}

.based-ui .bb-top-market-card[data-type-revealed="true"] .bb-top-market-card__visibility {
  visibility: hidden;
  pointer-events: none;
}

.based-ui .bb-top-market-card[data-has-visibility="true"] .bb-top-market-card__market-cap {
  padding-top: 27px;
}

.based-ui .bb-pro-market-card__socials {
  display: flex;
  min-width: 18px;
  height: 20px;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  color: var(--bb-text-muted);
}

.based-ui .bb-pro-market-card__socials-more {
  display: flex;
  max-width: 0;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  opacity: 0;
  transform: translateX(5px);
  transition:
    max-width 260ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 180ms ease,
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__socials-more,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-card__socials-more,
.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  .bb-pro-market-card__socials:hover
  .bb-pro-market-card__socials-more,
.based-ui .bb-pro-market-card__socials:focus-within .bb-pro-market-card__socials-more {
  max-width: 72px;
  opacity: 1;
  transform: translateX(0);
}

.based-ui .bb-pro-market-card__socials a {
  display: inline-flex;
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  line-height: 0;
  opacity: 0.78;
  transition:
    color 160ms ease,
    opacity 160ms ease;
}

.based-ui .bb-pro-market-card__socials a:hover,
.based-ui .bb-pro-market-card__socials a:focus-visible {
  color: rgba(255, 255, 255, 0.82);
  opacity: 1;
}

.based-ui .bb-pro-market-card__socials svg {
  display: block;
  width: 13.5px;
  height: 13.5px;
  flex: 0 0 auto;
}

.based-ui .bb-pro-market-card__socials .bb-card-social-icon--telegram {
  width: 13.5px;
  height: 13.5px;
}

.based-ui .bb-pro-market-card__socials .bb-card-social-icon--discord {
  width: 14.5px;
  height: 14.5px;
}

.based-ui .bb-pro-market-card__socials .bb-card-social-icon--x {
  width: 12.5px;
  height: 12.5px;
}

@media (max-width: 719px) {
  .based-ui .bb-pro-market-card,
.based-ui .bb-pro-market-card__surface {
    min-height: 360px;
  }

  .based-ui .bb-pro-market-card {
    height: 360px;
  }

  .based-ui .bb-pro-market-card__surface {
    grid-template-rows: auto auto minmax(158px, 1fr) auto;
    gap: 11px;
  }

  .based-ui .bb-pro-market-card__chart {
    min-height: 158px;
  }

  .based-ui .bb-pro-market-sparkline {
    height: 158px;
  }

  .based-ui .bb-pro-market-card__identity-meta > .bb-pro-market-card__identity-relation:last-child {
    flex: 0 1 auto;
  }

  .based-ui .bb-pro-market-progress__percent,
.based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
    > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
    .bb-pro-market-progress__percent,
.based-ui .bb-pro-market-card:has(:focus-visible) .bb-pro-market-progress__percent {
    top: 10px;
    transform: translateX(-50%);
  }
}

@media (min-width: 1900px) and (min-height: 1200px) {
  .based-ui .bb-pro-market-card,
.based-ui .bb-pro-market-card__surface {
    min-height: 314px;
  }

  .based-ui .bb-pro-market-card {
    height: 314px;
  }
}
html:not([data-theme="light"]) .based-ui .bb-market-layout
  .bb-top-market-shelf:not([data-hover-suppressed="true"])
  .bb-top-market-card:hover
  .bb-top-market-card__surface::before,
html:not([data-theme="light"]) .based-ui .bb-market-layout
  .bb-top-market-card:focus-within
  .bb-top-market-card__surface::before {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.038), transparent 38%),
    linear-gradient(180deg, rgba(18, 24, 20, 0.98), rgba(9, 14, 11, 0.98));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--movement-color) 22%, transparent),
    0 17px 42px rgba(0, 0, 0, 0.34),
    inset 0 1px rgba(255, 255, 255, 0.035);
}

html:not([data-theme="light"]) .based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__surface::before,
html:not([data-theme="light"]) .based-ui .bb-pro-market-card:has(:focus-visible)
  .bb-pro-market-card__surface::before {
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.46),
    inset 0 1px rgba(255, 255, 255, 0.035);
}

html:not([data-theme="light"]) .based-ui .bb-pro-market-grid:not([data-hover-suppressed="true"])
  > .bb-pro-market-card:is(:hover, [data-mobile-focused="true"])
  .bb-pro-market-card__ambient,
html:not([data-theme="light"]) .based-ui .bb-pro-market-card:has(:focus-visible)
  .bb-pro-market-card__ambient,
html:not([data-theme="light"]) .based-ui .bb-create-market-preview:is(:hover, :focus-within)
  .bb-pro-market-card__ambient {
  opacity: 0.38;
}

html:not([data-theme="light"]) .based-ui .bb-market-layout .bb-home-create-launch {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

html:not([data-theme="light"]) .based-ui .bb-market-layout
  .bb-home-create-launch__surface {
  inset: 0;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}

html:not([data-theme="light"]) .based-ui .bb-market-layout
  .bb-home-create-launch:hover {
  border-color: transparent;
  box-shadow: none;
}

html:not([data-theme="light"]) .based-ui .bb-market-layout
  .bb-home-create-launch:hover
  .bb-home-create-launch__surface {
  box-shadow: 0 11px 24px rgba(0, 0, 0, 0.3);
}

html:not([data-theme="light"]) .based-ui .bb-market-layout
  .bb-home-create-launch:focus-visible {
  outline: 2px solid rgba(82, 223, 178, 0.52);
  outline-offset: 3px;
}
.based-ui .bb-create-market-preview:is(:hover, :focus-within) .bb-pro-market-card {
  z-index: 8;
}

.based-ui .bb-create-market-preview:is(:hover, :focus-within) .bb-pro-market-card__surface::before {
  box-shadow:
    0 26px 66px rgba(0, 0, 0, 0.52),
    inset 0 1px rgba(255, 255, 255, 0.04);
}

.based-ui .bb-create-market-preview:is(:hover, :focus-within) .bb-pro-market-card__surface::after {
  opacity: 0.74;
}

.based-ui .bb-create-market-preview:is(:hover, :focus-within) .bb-pro-market-card__ambient {
  opacity: 0.46;
}

.based-ui .bb-create-market-preview:is(:hover, :focus-within) .bb-pro-market-card__description {
  opacity: 1;
  transform: translateY(0);
}

.based-ui .bb-create-market-preview:is(:hover, :focus-within) .bb-pro-market-progress__percent {
  opacity: 1;
  transform: translate(-50%, -25px) scale(0.86);
}

.based-ui .bb-create-market-preview:is(:hover, :focus-within) .bb-pro-market-card__socials-more {
  max-width: 72px;
  opacity: 1;
  transform: translateX(0);
}

.based-ui .bb-create-market-preview:is(:hover, :focus-within) .bb-pro-market-card__badge {
  border-color: color-mix(in srgb, var(--bb-badge-tone) 44%, rgba(145, 162, 154, 0.25));
  background: color-mix(in srgb, var(--bb-badge-tone) 7%, rgba(17, 22, 19, 0.9));
  color: color-mix(in srgb, var(--bb-badge-tone) 58%, #edf3f0);
}
.based-ui [data-animation="reduced"] .bb-home-create-launch__gradient,
.based-ui [data-animation="reduced"] .bb-home-create-launch__sheen { animation: none; }
.based-ui [data-animation="reduced"] .bb-pro-market-sparkline__line.is-energy-active { animation: none; }
.based-ui [data-animation="reduced"] .bb-pro-market-sparkline__event-pulse,
.based-ui [data-animation="reduced"] .bb-pro-market-progress__event-tracer,
.based-ui [data-animation="reduced"] .bb-pro-market-card__avatar::before,
.based-ui [data-animation="reduced"] .bb-pro-market-sparkline__thumb::after,
.based-ui [data-animation="reduced"] .bb-pro-market-progress__endpoint::after,
.based-ui [data-animation="reduced"] .bb-pro-market-progress__goal::after { display: none; }
.based-ui [data-animation="off"] .bb-home-create-launch__gradient,
.based-ui [data-animation="off"] .bb-home-create-launch__sheen { animation: none; }
.based-ui [data-animation="off"] .bb-pro-market-sparkline__line.is-energy-active { animation: none; }
.based-ui [data-animation="off"] .bb-pro-market-sparkline__event-pulse,
.based-ui [data-animation="off"] .bb-pro-market-progress__event-tracer,
.based-ui [data-animation="off"] .bb-pro-market-card__avatar::before,
.based-ui [data-animation="off"] .bb-pro-market-sparkline__thumb::after,
.based-ui [data-animation="off"] .bb-pro-market-progress__endpoint::after,
.based-ui [data-animation="off"] .bb-pro-market-progress__goal::after { display: none; }

@media (prefers-reduced-motion: reduce) {
  .based-ui .bb-home-create-launch__gradient,
.based-ui .bb-home-create-launch__sheen {
    animation: none;
  }
  .based-ui .bb-pro-market-sparkline__line.is-energy-active { animation: none; }
  .based-ui .bb-pro-market-sparkline__event-pulse,
.based-ui .bb-pro-market-progress__event-tracer,
.based-ui .bb-pro-market-card__avatar::before,
.based-ui .bb-pro-market-sparkline__thumb::after,
.based-ui .bb-pro-market-progress__endpoint::after,
.based-ui .bb-pro-market-progress__goal::after { display: none; }
}

.based-ui .bb-top-market-card[data-visual="progress"] .bb-top-market-card__surface::after {
  background:
    radial-gradient(
      72% 140% at 6% 7%,
      color-mix(in srgb, var(--ambient-a) 14%, transparent),
      transparent 72%
    ),
    radial-gradient(
      70% 130% at 96% 10%,
      color-mix(in srgb, var(--ambient-c) 10%, transparent),
      transparent 72%
    ),
    linear-gradient(to top, rgba(24, 201, 142, 0.035), transparent 68%);
}

html:not([data-theme="light"]) .based-ui .bb-market-layout
  .bb-top-market-card__surface::before {
  border: 0;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.028), transparent 38%),
    linear-gradient(180deg, rgba(17, 22, 19, 0.96), rgba(9, 13, 11, 0.97));
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.22),
    inset 0 1px rgba(255, 255, 255, 0.022);
  transition:
    background 220ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

html:not([data-theme="light"]) .based-ui .bb-market-layout
  .bb-top-market-card__surface::after {
  inset: 0;
  border-radius: inherit;
}
html:not([data-theme="light"]) .based-ui .bb-pro-market-card__surface::before {
  border: 0;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.032), transparent 34%),
    linear-gradient(180deg, rgba(18, 23, 20, 0.95), rgba(9, 13, 11, 0.97));
  box-shadow:
    0 13px 38px rgba(0, 0, 0, 0.3),
    inset 0 1px rgba(255, 255, 255, 0.022);
}

html:not([data-theme="light"]) .based-ui .bb-pro-market-card__surface::after {
  inset: 0;
  border-radius: inherit;
}@keyframes bbSettlementLineEnergy{0%{stroke-dasharray:.08 .92;stroke-dashoffset:1px;opacity:.72}45%{stroke-dasharray:.36 .64;opacity:1}to{stroke-dasharray:1 0;stroke-dashoffset:0;opacity:.9}}@keyframes bb-app-update-spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}

@keyframes bbHomeLaunchGradientFlow {
  0%,
  100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes bbHomeLaunchSheen {
  0%,
  12% {
    opacity: 0;
    transform: translateX(-145%) skewX(-18deg);
  }
  34% { opacity: 0.34; }
  62%,
  100% {
    opacity: 0;
    transform: translateX(310%) skewX(-18deg);
  }
}

@keyframes bbSmartHeatingBadge {
  0%, 100% {
    box-shadow:
      inset 0 1px rgba(255, 224, 198, 0.12),
      0 0 10px rgba(251, 126, 46, 0.11);
  }
  50% {
    box-shadow:
      inset 0 1px rgba(255, 224, 198, 0.16),
      0 0 18px rgba(251, 126, 46, 0.24);
  }
}

@keyframes bbMarketChartPaint {
  0% {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }

  100% {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}

@keyframes bbMarketProgressMarkersSettle {
  0% {
    opacity: 0.08;
  }

  38% {
    opacity: 0.58;
  }

  100% {
    opacity: 1;
  }
}

@keyframes bbMarketLineEnergy {
  0% { stroke-dasharray: 0.08 0.92; stroke-dashoffset: 1; opacity: 0.72; }
  45% { stroke-dasharray: 0.36 0.64; opacity: 1; }
  100% { stroke-dasharray: 1 0; stroke-dashoffset: 0; opacity: 0.9; }
}

@keyframes bbSmartAvatarBloom {
  0% { opacity: 0; transform: scale(0.62); }
  32% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0.2; transform: scale(1); }
}

@keyframes bbSmartChartTracer {
  0% { stroke-dasharray: 0.12 0.88; stroke-dashoffset: 1; opacity: 0; }
  14% { opacity: 0.92; }
  68% { stroke-dasharray: 0.28 0.72; opacity: 1; }
  100% { stroke-dasharray: 0.12 0.88; stroke-dashoffset: 0; opacity: 0; }
}

@keyframes bbSmartChartDraw {
  0% { stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; }
  16% { opacity: 0.88; }
  78% { opacity: 1; }
  100% { stroke-dasharray: 1; stroke-dashoffset: 0; opacity: 0; }
}

@keyframes bbSmartProgressTracer {
  0% { left: -34%; opacity: 0; }
  16% { opacity: 1; }
  100% { left: 100%; opacity: 0; }
}

@keyframes bbSmartGoalDiamondBlink {
  0%, 100% {
    border-color: rgba(245, 223, 145, 0.46);
    background-color: #6f6544;
    box-shadow: 0 0 0 rgba(229, 201, 111, 0);
  }
  45% {
    border-color: #fff0b0;
    background-color: #e5c96f;
    box-shadow:
      0 0 4px rgba(229, 201, 111, 0.86),
      0 0 11px rgba(229, 201, 111, 0.46);
  }
}

@keyframes bbSmartGoalDiamondGlow {
  0%, 100% {
    border-color: #f5df91;
    background-color: #e5c96f;
    box-shadow: 0 0 5px rgba(229, 201, 111, 0.32);
  }
  50% {
    border-color: #fff3bd;
    background-color: #f0d77e;
    box-shadow:
      0 0 5px rgba(229, 201, 111, 0.86),
      0 0 14px rgba(229, 201, 111, 0.52);
  }
}