.clock-overlay{position:fixed;inset:0;z-index:1000;background-color:var(--bg);display:grid;place-items:center;color:var(--text)}
.clock-center{text-align:center;line-height:1.1}
#clock-time{display:block;font-size:var(--clock-font,10vw);font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
#clock-date{font-size:calc(var(--clock-font,10vw) / 5);margin-top:.6em;white-space:nowrap}
.clock-close{position:absolute;top:var(--clock-close-top,24px);left:var(--clock-close-left,auto);right:auto;z-index:1}
body[data-clock=true]{overflow:hidden}

@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url('/view-assets/fonts/manrope-light.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('/view-assets/fonts/manrope-regular.ttf') format('truetype')}
.clock-center{font-family:Manrope,Arial,sans-serif}
#clock-time{font-weight:300;color:#d1d3d6}
#clock-date{font-weight:400;color:#95999f;margin-top:1em}
.clock-overlay:focus{outline:none}

/* Tighten the clock lettering and replace Manrope's square colon dots. */
#clock-time{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.clock-hours,.clock-minutes{letter-spacing:-.035em}
.clock-colon{position:relative;display:block;width:.16em;height:.7em;margin:0 .025em;color:transparent;flex:none}
.clock-colon::before,.clock-colon::after{content:"";position:absolute;left:50%;width:.045em;height:.045em;border-radius:50%;background:#d1d3d6;transform:translate(-50%,-50%)}
.clock-colon::before{top:28%}.clock-colon::after{top:72%}
#clock-date{letter-spacing:-.02em;margin-top:.45em}
#price-screen{position:relative;width:100%;padding:20px 20px 20px 14px;outline:none}
.price-screen-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;container-type:inline-size}
.price-screen-scroll::-webkit-scrollbar{display:none}
#price-screen-rows{--price-column-gap:clamp(2px,1cqi,5px);display:grid;grid-template-columns:39px minmax(0,17fr) minmax(0,30fr) minmax(0,28fr) max-content;column-gap:var(--price-column-gap);width:min(700px,100%);margin:0 auto;font-size:15px;font-variant-numeric:tabular-nums}
.price-screen-row{position:relative;display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;min-height:48px;padding:0;color:#fff}
.price-screen-row+.price-screen-row::before{content:"";position:absolute;top:0;left:calc(39px + var(--price-column-gap));right:0;border-top:1px solid var(--border);pointer-events:none}
.price-coin-badge{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--border);color:#fff;font-size:16px;font-weight:700;overflow:hidden}
.price-coin-badge img{width:18px;height:18px;object-fit:contain}
.price-coin-name{font-weight:600;white-space:nowrap;color:#9ea1a3}
.price-coin-value{font-weight:600}
.price-coin-value,.price-coin-change,.price-coin-percent{min-width:0;text-align:left;white-space:nowrap}
.price-coin-percent{text-align:right}
:is(.price-coin-change,.price-coin-percent)[data-direction="up"]{color:var(--green)}
:is(.price-coin-change,.price-coin-percent)[data-direction="down"]{color:var(--red)}
:is(.price-coin-change,.price-coin-percent)[data-direction="flat"]{color:var(--muted)}
#price-screen-status{width:min(700px,100%);margin-left:auto;margin-right:auto;font-size:12px;color:var(--muted);line-height:1.5}
#price-screen-status:empty{display:none}
@media(max-width:600px){
 .price-screen-row{min-height:calc(68px / 1.5)}
}
:root{--bg:#171b1e;--text:#969ea4;--border:#343e44;--green:#3f9a72;--red:#af5962;--muted:#78858d}
#clock-overlay{z-index:11000}#clock-overlay[hidden],#price-screen[hidden]{display:none!important}
.mode-close{width:24px;height:24px;min-height:24px;border:1px solid #465159;border-radius:50%;padding:0;line-height:20px;font-size:20px;background:transparent;color:#969ea4}
#connection{font-size:10px;background:transparent;border:0;color:#969ea4;min-height:24px;padding:2px 4px}#connection[data-state=live]{color:#57a785}#connection[data-state=error]{color:#cf7c83}
#center-charts{font-size:11px;min-height:28px;padding:4px 8px}#center-charts[aria-expanded=true]{border-color:#9a771f}
#price-screen{flex:1;min-width:0;min-height:calc(100dvh - 80px);background:#171b1e}#price-screen-close{position:absolute;top:8px;right:10px}
.price-coin-name small{display:block;font-size:9px;font-weight:400;color:#78858d}.price-screen-row[data-unavailable=true]{opacity:.6}.price-screen-row[data-stale=true]{opacity:.6}
body[data-prices] #charts-grid{display:none}body[data-prices] #exposure-panel{display:none}
.price-screen-scroll{padding-top:22px;max-height:calc(100dvh - 115px)}
@media(max-width:600px){#price-screen{padding:14px 10px}#price-screen-rows{grid-template-columns:30px minmax(0,18fr) minmax(0,28fr) minmax(0,28fr) max-content;font-size:12px}.price-coin-name small{font-size:8px}.page-head{flex-wrap:wrap;gap:5px}.page-head nav{flex-wrap:wrap;justify-content:flex-end;gap:7px}.price-coin-badge{width:24px;height:24px}}