.market-price-card{--chart-surface:#0a2638;--chart-surface-raised:#102f43;--chart-line:#ffffff1f;color:#fff;background:var(--chart-surface);isolation:isolate;border:1px solid #9ac2d838;border-radius:clamp(24px,2.4vw,32px);width:100%;padding:clamp(26px,3vw,42px);position:relative;overflow:hidden;box-shadow:0 34px 100px #000d1666}.market-price-card:before{content:"";z-index:-1;border:1px solid #b8ef5814;border-radius:50%;width:620px;height:620px;position:absolute;top:-240px;right:-180px;box-shadow:0 0 0 90px #b8ef5805,0 0 0 180px #50cfbd04}.market-price-toolbar{justify-content:space-between;align-items:center;gap:clamp(28px,4vw,64px);display:flex}.market-price-commodity-tabs{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;flex:none;grid-template-columns:repeat(2,minmax(136px,1fr));gap:5px;padding:5px;display:inline-grid;box-shadow:0 18px 46px #000d1629}.market-price-commodity-tabs button{color:#ffffffad;text-align:left;min-height:50px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:6px 15px 6px 8px;font-size:14px;font-weight:790;transition:color .2s,background .2s,box-shadow .2s,transform .2s;display:grid}.market-price-commodity-tabs button:hover{color:#fff}.market-price-commodity-tabs button:focus-visible{outline-offset:2px;outline:2px solid #b8ef58}.market-price-commodity-tabs button.is-active{color:#071f30;background:#fff;box-shadow:0 10px 28px #000d1633}.market-price-commodity-tabs button>span:first-child{color:#b8ef58;background:#b8ef5814;border:1px solid #b8ef5833;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.market-price-commodity-tabs button.is-active>span:first-child{color:#0c6048;background:#eff9df}.market-price-commodity-tabs svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.market-price-commodity-tabs small{color:#ffffffa6;letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:790;display:block}.market-price-commodity-tabs button.is-active small{color:#071f30cc}.market-price-header,.market-price-controls,.market-price-footnote{justify-content:space-between;align-items:center;gap:28px;display:flex}.market-price-header{flex:auto;min-width:0}.market-price-eyebrow{color:#ffffff80;letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:820}.market-price-header h3{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.2vw,62px);line-height:.98}.market-price-title--visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.market-price-date{color:#ffffffa1;margin:8px 0 0;font-size:15px}.market-price-status{color:#ffffffa8;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0e;border:1px solid #ffffff17;border-radius:14px;flex:none;align-items:center;gap:10px;padding:10px 13px;font-size:11px;font-weight:790;display:inline-flex}.market-price-status>span{background:#b8ef58;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #b8ef581c,0 0 18px #b8ef588c}.market-price-controls{border-top:1px solid var(--chart-line);margin-top:26px;padding-top:18px}.market-price-days,.market-price-interval,.market-price-range{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:16px;grid-auto-flow:column;gap:5px;padding:5px;display:inline-grid}.market-price-days button,.market-price-interval button,.market-price-range button{color:#ffffff94;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:0 16px;font-size:13px;font-weight:750;transition:color .2s,background .2s,box-shadow .2s}.market-price-days button:hover,.market-price-interval button:hover,.market-price-range button:hover{color:#fff}.market-price-days button:focus-visible,.market-price-interval button:focus-visible,.market-price-range button:focus-visible{outline-offset:2px;outline:2px solid #b8ef58}.market-price-days button.is-active,.market-price-interval button.is-active,.market-price-range button.is-active{color:var(--ink,#061e2f);background:#fff;box-shadow:0 8px 26px #000d162e}.market-price-interval button.is-active,.market-price-range button.is-active{background:#b8ef58}.market-price-unit-note{color:#ffffffa6;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:14px;font-weight:730}.market-price-plot{height:clamp(310px,31vw,340px);margin-top:18px;position:relative}.market-price-now-badge{z-index:4;color:#ffffffb8;backdrop-filter:blur(10px);letter-spacing:.04em;background:#051d2bd6;border:1px solid #50cfbd2e;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:780;display:inline-flex;position:absolute;top:16px;right:13px;box-shadow:0 10px 30px #000c142e}.market-price-now-badge span{background:#50cfbd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #50cfbd1a,0 0 16px #50cfbdb3}.market-price-pulse-halo,.market-price-pulse-ring{transform-box:fill-box;transform-origin:50%}.market-price-pulse-halo{fill:#50cfbd52;animation:1.8s ease-out infinite market-price-pulse}.market-price-pulse-ring{fill:#50cfbd21;stroke:#50cfbd61;stroke-width:1px}.market-price-pulse-core{fill:#50cfbd;stroke:#eafffa;stroke-width:2.8px;filter:drop-shadow(0 0 7px #50cfbdd9)}@keyframes market-price-pulse{0%{opacity:.62;transform:scale(.35)}72%,to{opacity:0;transform:scale(1.65)}}.market-price-message{text-align:center;background:#ffffff09;border:1px solid #ffffff17;border-radius:24px;place-content:center;gap:8px;min-height:300px;padding:30px;display:grid;position:absolute;inset:24px 0 8px}.market-price-message strong{color:#fff;font-size:19px}.market-price-message p{color:#ffffff94;max-width:480px;margin:0;line-height:1.6}.market-price-message--loading span{border:3px solid #ffffff26;border-top-color:#b8ef58;border-radius:50%;width:34px;height:34px;margin:0 auto 8px;animation:.8s linear infinite market-price-spin}@keyframes market-price-spin{to{transform:rotate(360deg)}}.market-price-tooltip{color:#fff;background:#041825f5;border:1px solid #b8ef5845;border-radius:14px;min-width:205px;padding:15px 17px;box-shadow:0 18px 48px #00080e5c}.market-price-tooltip span,.market-price-tooltip small{color:#ffffff8c;font-size:11px;display:block}.market-price-tooltip strong{color:#fff;margin:5px 0;font-size:18px;display:block}.market-price-tooltip--gas{border-color:#72d8e947}.market-price-completeness{color:#ffffffa6;align-items:center;gap:9px;min-height:20px;margin:-4px 0 14px 52px;font-size:14px;display:flex}.market-price-completeness>span{border-radius:50%;width:7px;height:7px}.market-price-completeness .is-complete{background:#b8ef58}.market-price-completeness .is-partial{background:#f2b56c}.market-price-metrics{border-top:1px solid var(--chart-line);border-bottom:1px solid var(--chart-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.market-price-metrics article{border-right:1px solid var(--chart-line);grid-template-columns:38px minmax(0,1fr);gap:12px;min-width:0;padding:19px 16px;display:grid}.market-price-metrics article:first-child{padding-left:0}.market-price-metrics article:last-child{border-right:0;padding-right:0}.market-price-metric-icon{color:#b8ef58;background:#b8ef5812;border:1px solid #b8ef582e;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.market-price-metric-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.market-price-metrics small,.market-price-metrics strong,.market-price-metrics p{display:block}.market-price-metrics small{color:#ffffffa6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:14px;font-weight:790}.market-price-metrics strong{color:#fff;font-size:clamp(18px,2vw,26px);line-height:1.15}.market-price-metrics strong span{color:#ffffffa6;white-space:nowrap;font-size:10px;font-weight:650}.market-price-metrics p{color:#ffffffa6;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:14px;overflow:hidden}.market-price-footnote{align-items:flex-start;margin-top:18px}.market-price-footnote p{color:#ffffffa6;max-width:720px;margin:0;font-size:14px;line-height:1.6}.market-price-footnote a{color:#fff;flex:none;font-size:14px;font-weight:780}.market-price-footnote a span{color:#b8ef58;margin-left:7px}@media (width<=991px){.market-price-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.market-price-metrics article:nth-child(2){border-right:0}.market-price-metrics article:nth-child(-n+2){border-bottom:1px solid var(--chart-line)}.market-price-metrics article:nth-child(3){padding-left:0}}@media (width<=680px){.market-price-card{border-radius:24px;margin-inline:-8px;padding:24px 16px}.market-price-toolbar{flex-direction:column;align-items:stretch;gap:24px}.market-price-commodity-tabs{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.market-price-commodity-tabs button{grid-template-columns:34px minmax(0,1fr);min-width:0;padding-right:10px}.market-price-commodity-tabs button>span:first-child{width:34px;height:34px}.market-price-header{align-items:flex-start}.market-price-status{padding:10px 11px;font-size:9px}.market-price-controls{flex-direction:column;align-items:stretch;margin-top:26px}.market-price-days,.market-price-interval,.market-price-range{width:100%;display:grid}.market-price-days{grid-template-columns:repeat(3,1fr)}.market-price-interval{grid-template-columns:repeat(2,1fr)}.market-price-range{grid-template-columns:repeat(3,1fr)}.market-price-days button,.market-price-interval button,.market-price-range button{min-width:0;padding:0 8px}.market-price-unit-note{text-align:center}.market-price-plot{height:330px;margin-inline:-12px}.market-price-now-badge{top:9px;right:10px}.market-price-completeness{margin-left:38px}.market-price-metrics article{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:22px 12px}.market-price-metric-icon{border-radius:12px;width:36px;height:36px}.market-price-metrics strong{font-size:18px}.market-price-metrics strong span{margin-top:3px;display:block}.market-price-footnote{flex-direction:column}}@media (prefers-reduced-motion:reduce){.market-price-message--loading span{animation-duration:1.8s}.market-price-pulse-halo{opacity:.22;animation:none}}