.markets-page{padding-bottom:20px}.markets-hero{text-align:center;border-radius:24px;background:linear-gradient(145deg,#eae0ff88,#bca5fb33);padding:24px 16px}.markets-hero h1{margin:10px 0 5px}.markets-hero p{margin:0;color:var(--muted)}.markets-tabs,.markets-presets{display:flex;gap:7px;flex-wrap:wrap}.markets-tabs button,.markets-presets button{width:auto;flex:1;padding:8px 12px;font-size:12px;border-radius:20px}.markets-tabs .selected{background:#8b5cf6;color:white}.markets-asset{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;padding:15px 0;border:0;border-bottom:1px solid #8b5cf620;background:transparent;color:inherit}.markets-asset small{display:block;color:var(--muted);margin-top:4px}.markets-asset>span:last-child{text-align:right}.markets-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#8b5cf61b;color:#8b5cf6;font-size:12px;font-weight:700}.markets-heading{display:flex;gap:12px;align-items:center}.markets-heading h2,.markets-heading p{margin:0 0 5px}.markets-amount{font-size:32px;text-align:center;padding:20px}.markets-consent{display:flex;gap:12px;align-items:flex-start}.markets-consent input{width:20px;min-width:20px;margin:0}.markets-page .price-chart{color:#8b5cf6}.markets-page .val{overflow-wrap:anywhere}.markets-page .detail{gap:12px}

/* Mobile markets_view (Mk theme). */
.section:has(.markets-hero)>.pagehead .lumo-header-title{visibility:hidden}
.markets-page .markets-hero{padding:4px 0 0;border-radius:0;background:none;font-family:var(--lumo-font)}
.markets-hero-mark{display:grid;place-items:center;width:98px;height:98px;margin:0 auto;border-radius:50%;background:#b794d940}
.markets-hero-mark img{width:54px;height:54px}
.markets-page .markets-hero h1{margin:16px 0 0;font:500 24.4px/1.25 var(--lumo-font);color:var(--lumo-text)}
.markets-hero h1 span{background:linear-gradient(90deg,#8b5cf6,#b794d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.markets-page .markets-hero p{margin:4px 0 0;font:400 12px/1.4 var(--lumo-font);color:var(--lumo-text-2)}
.markets-trade-pill{display:flex;align-items:center;margin-top:12px;padding:10px;border-radius:100px;background:color-mix(in srgb,var(--lumo-card) 80%,transparent);box-shadow:var(--lumo-shadow)}
.markets-trade-pill>button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:0;height:auto;padding:0;border:0;border-radius:100px;background:transparent;box-shadow:none;color:var(--lumo-text);font:400 12px/1.2 var(--lumo-font)}
.markets-trade-pill>button img{width:28px;height:28px}
.markets-trade-pill>i{width:1px;height:40px;background:var(--lumo-divider)}
.markets-page .markets-search{border-radius:10px}
.markets-page .markets-tabs{flex-wrap:nowrap;gap:9px;overflow-x:auto;scrollbar-width:none}
.markets-page .markets-tabs button{flex:0 0 auto;width:auto;min-height:0;height:auto;padding:8px 16px;border:1px solid var(--lumo-divider);border-radius:10px;background:var(--lumo-card);box-shadow:none;color:var(--lumo-text);font:400 14px/1.2 var(--lumo-font)}
.markets-page .markets-tabs .selected{border-color:transparent;background:var(--lumo-primary);color:#fff;font-weight:500}
.markets-list{display:flex;flex-direction:column;gap:10px}
.markets-page .markets-asset{grid-template-columns:44px minmax(0,1fr) auto;height:64px;min-height:64px;padding:10px;border:0;border-radius:10px;background:var(--lumo-card);box-shadow:0 4px 10px #6a41fb0d;font-family:var(--lumo-font)}
.markets-page .markets-asset strong{display:block;font:600 16px/1.2 var(--lumo-font);color:var(--lumo-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.markets-page .markets-asset small{margin-top:5px;font:400 14px/1.2 var(--lumo-font);color:var(--lumo-text-2)}
.markets-page .markets-asset>span:last-child small{margin:0 0 5px}
.markets-page .markets-symbol{width:44px;height:44px;font:600 17.6px/1 var(--lumo-font);background:#8b5cf61a;color:var(--lumo-primary)}
.markets-page .markets-asset strong.markets-up{color:var(--lumo-green)}.markets-page .markets-asset strong.markets-down{color:var(--lumo-red)}
.markets-disclaimer{margin:0;font:400 10px/1.4 var(--lumo-font);color:var(--lumo-text-3,#96939d)}
html[data-lumo-theme=dark] .markets-page .markets-asset{box-shadow:none}
/* Mobile market_detail_view: back, 44px logo and the name 16/600 on one row. */
.section:has(.markets-detail-head)>.pagehead .lumo-header-title{visibility:hidden}
.markets-detail-head{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;margin:-62px 0 8px 51px;min-height:44px;font-family:var(--lumo-font)}
.markets-detail-head .markets-symbol{grid-row:1/3;width:44px;height:44px;font:600 17.6px/1 var(--lumo-font)}
.markets-detail-head strong{align-self:end;font:600 16px/1.2 var(--lumo-font);color:var(--lumo-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.markets-detail-head small{align-self:start;font:400 11px/1.3 var(--lumo-font);color:var(--lumo-text-2)}
.markets-page .markets-price{margin:12px 0 0;font:600 32px/1.2 var(--lumo-font);color:var(--lumo-text)}
.markets-move{margin:0;font:400 14px/1.3 var(--lumo-font);color:var(--lumo-text-2)}
.markets-move .markets-up,.markets-held .markets-up{color:var(--lumo-green)}.markets-move .markets-down,.markets-held .markets-down{color:var(--lumo-red)}
.markets-frames{display:flex;justify-content:space-between;margin-top:8px}
.markets-frames button{width:auto;min-height:0;height:auto;padding:5px;border:0;border-radius:5px;background:transparent;box-shadow:none;color:var(--lumo-text-2);font:400 12px/1.2 var(--lumo-font)}
.markets-frames button[aria-pressed=true]{background:#b794d933;color:var(--lumo-primary);font-weight:500}
.markets-page .price-chart{width:100%;height:190px;background:transparent}
.markets-h3{margin:10px 0 0;font:500 16px/1.3 var(--lumo-font);color:var(--lumo-text)}
.markets-held{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;font-family:var(--lumo-font)}
.markets-held .markets-symbol{width:36px;height:36px;font-size:14.4px}
.markets-held strong{display:block;font:500 14px/1.3 var(--lumo-font);color:var(--lumo-text)}
.markets-held small{display:block;font:400 12px/1.3 var(--lumo-font);color:var(--lumo-text-2)}
.markets-held>span:last-child{text-align:right}
.markets-card{padding:10px;border-radius:10px;background:var(--lumo-card);box-shadow:var(--lumo-shadow);font-family:var(--lumo-font)}
.markets-card>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font:400 12px/1.35 var(--lumo-font)}
.markets-card>div span{color:var(--lumo-text-3)}
.markets-card>div strong{font-weight:400;color:var(--lumo-text);text-align:right;overflow-wrap:anywhere}
.markets-contract{margin:0 0 6px;font:400 10px/1.4 var(--lumo-font);color:var(--lumo-text-3);overflow-wrap:anywhere}
.markets-contract code{font-size:10px;color:var(--lumo-text-2)}
.markets-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.markets-actions button{height:46px;min-height:46px;border:0;border-radius:10px;font:500 14px/1 var(--lumo-font)}
.markets-actions .markets-sell{background:var(--lumo-card);color:var(--lumo-text);box-shadow:var(--lumo-shadow)}
.markets-actions .markets-buy{background:linear-gradient(90deg,#8b5cf6,#b794d9);color:#fff}