.alisar-energy {
  --ae-bg: #0b0c0c;
  --ae-panel: #121414;
  --ae-text: #f5f2ea;
  --ae-muted: #aaa79f;
  --ae-gold: #a3832e;
  --ae-gold-bright: #d2ab3d;
  --ae-line: rgba(163, 131, 46, 0.28);
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin-top: var(--ae-margin-top, 0);
  margin-bottom: var(--ae-margin-bottom, 0);
  color: var(--ae-text);
  font-family: inherit;
}

.alisar-energy *, .alisar-energy *::before, .alisar-energy *::after { box-sizing: inherit; }
.alisar-energy--light { --ae-bg:#f5f2ea; --ae-panel:#fff; --ae-text:#111313; --ae-muted:#68665f; --ae-line:rgba(18,19,19,.13); }
.alisar-energy--gold { --ae-bg:#92752a; --ae-panel:#a88934; --ae-text:#080909; --ae-muted:rgba(8,9,9,.68); --ae-gold:#080909; --ae-gold-bright:#181a19; --ae-line:rgba(8,9,9,.18); }
.alisar-energy-stack { display:grid; gap:var(--ae-stack-gap,18px); }
.alisar-energy.alisar-energy--width-full {
  position: relative;
  left: var(--ae-viewport-offset, 0px) !important;
  right: auto !important;
  width: var(--ae-viewport-width, 100vw) !important;
  max-width: none !important;
  min-width: 0;
  margin-left: calc(50% - var(--ae-viewport-half, 50vw)) !important;
  margin-right: calc(50% - var(--ae-viewport-half, 50vw)) !important;
  flex-shrink: 0;
}
.alisar-energy--no-border { border-color:transparent !important; }
.alisar-energy--no-border .alisar-energy__ticker,
.alisar-energy--no-border .alisar-energy__tick { border-color:transparent !important; }
.alisar-energy--transparent .alisar-energy__ticker { background:transparent !important; }
.alisar-energy--transparent .alisar-energy__ticker::before,
.alisar-energy--transparent .alisar-energy__ticker::after { display:none; }

.alisar-energy__ticker {
  position:relative;
  contain:paint;
  clip-path:inset(0);
  min-height:var(--ae-ticker-height,82px);
  overflow:hidden;
  border-block:1px solid var(--ae-line);
  background:var(--ae-bg);
}
.alisar-energy__viewport { overflow:hidden; min-height:var(--ae-ticker-height,82px); }
.alisar-energy__ticker::before, .alisar-energy__ticker::after {
  position:absolute; z-index:2; inset-block:0; width:var(--ae-fade,72px); content:""; pointer-events:none;
}
.alisar-energy__ticker::before { inset-inline-start:0; background:linear-gradient(to right,var(--ae-bg) 5%,transparent); }
.alisar-energy__ticker::after { inset-inline-end:0; background:linear-gradient(to left,var(--ae-bg) 5%,transparent); }
[dir="rtl"] .alisar-energy__ticker::before { background:linear-gradient(to left,var(--ae-bg) 5%,transparent); }
[dir="rtl"] .alisar-energy__ticker::after { background:linear-gradient(to right,var(--ae-bg) 5%,transparent); }
@supports ((mask-image:linear-gradient(to right,transparent,#000)) or (-webkit-mask-image:linear-gradient(to right,transparent,#000))) {
  .alisar-energy__viewport {
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 min(var(--ae-fade,72px),50%),#000 calc(100% - min(var(--ae-fade,72px),50%)),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 min(var(--ae-fade,72px),50%),#000 calc(100% - min(var(--ae-fade,72px),50%)),transparent 100%);
    mask-mode:alpha;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }
  .alisar-energy__ticker::before,.alisar-energy__ticker::after { display:none; }
}
.alisar-energy__track { display:flex; min-height:var(--ae-ticker-height,82px); width:max-content; animation:alisarTicker var(--alisar-speed,38s) linear infinite; will-change:transform; }
.alisar-energy--pause .alisar-energy__ticker:hover .alisar-energy__track { animation-play-state:paused; }
.alisar-energy__group { display:flex; flex-shrink:0; align-items:stretch; }
.alisar-energy__tick { display:grid; grid-template-columns:auto auto; gap:3px var(--ae-item-gap,14px); align-content:center; align-items:center; min-width:var(--ae-item-width,220px); min-height:var(--ae-ticker-height,82px); padding:8px var(--ae-ticker-x,24px); border-inline-end:1px solid var(--ae-line); white-space:nowrap; }
.alisar-energy__tick strong { color:var(--ae-muted); font-size:var(--ae-label-size,11px); font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
[dir="rtl"] .alisar-energy__tick strong { letter-spacing:0; }
.alisar-energy__value { font-size:var(--ae-price-size,20px); font-weight:750; letter-spacing:-.02em; }
.alisar-energy__change { justify-self:end; font-size:11px; font-weight:700; }
.alisar-energy__change--up { color:#46a879; }
.alisar-energy__change--down { color:#d7675d; }
.alisar-energy__change--flat { color:var(--ae-muted); }
.alisar-energy__tick small { color:var(--ae-muted); font-size:10px; }

.alisar-energy__chart { padding:var(--ae-chart-padding,36px); border:1px solid var(--ae-line); border-radius:var(--ae-radius,0); background:var(--ae-panel); overflow:hidden; }
.alisar-energy__chart > header { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:20px; }
.alisar-energy__chart h3 { margin:0; color:var(--ae-text); font-size:var(--ae-title-size,36px); line-height:1.15; }
.alisar-energy__chart header p { margin:6px 0 0; color:var(--ae-muted); font-size:13px; }
.alisar-energy__legend { display:flex; gap:18px; color:var(--ae-muted); font-size:12px; }
.alisar-energy__legend span::before { display:inline-block; width:20px; height:3px; margin-inline-end:7px; vertical-align:middle; content:""; }
.alisar-energy__legend .isar-brent::before { background:var(--ae-gold-bright); }
.alisar-energy__legend .isar-wti::before { background:var(--ae-text); }
.alisar-energy__svg { display:block; width:100%; height:var(--ae-chart-height,320px); overflow:visible; }
.alisar-energy__grid line { stroke:var(--ae-line); stroke-width:1; }
.alisar-energy__grid text, .alisar-energy__dates text { fill:var(--ae-muted); font-size:10px; }
.alisar-energy--no-grid .alisar-energy__grid line { display:none; }
.alisar-energy__line { fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-width:var(--ae-chart-line,3); vector-effect:non-scaling-stroke; }
.alisar-energy__line--brent { stroke:var(--ae-gold-bright); }
.alisar-energy__line--wti { stroke:var(--ae-text); }
.alisar-energy__empty { padding:50px 10px; text-align:center; color:var(--ae-muted); }
.alisar-energy__source { padding-top:var(--ae-source-gap,9px); padding-bottom:var(--ae-source-bottom,12px); color:var(--ae-muted); font-size:var(--ae-source-size,10px); line-height:1.5; text-align:var(--ae-source-align,left); }
.alisar-energy--source-above > .alisar-energy__source { padding-top:0; padding-bottom:calc(var(--ae-source-gap,9px) + var(--ae-source-bottom,12px)); }
.alisar-energy--source-overlay { position:relative; }
.alisar-energy--source-overlay > .alisar-energy__source { position:absolute; z-index:4; right:0; bottom:var(--ae-source-gap,9px); left:0; padding-top:0; pointer-events:none; }
.alisar-energy--width-full.alisar-energy--ticker > .alisar-energy__source {
  padding-inline:max(var(--ae-source-padding,24px),calc((var(--ae-viewport-width,100vw) - var(--ae-source-max,1200px))/2));
}
.alisar-energy--width-full.alisar-energy--ticker.alisar-energy--source-full > .alisar-energy__source {
  padding-inline:var(--ae-source-padding,24px);
}

.alisar-energy__cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1px; border:1px solid var(--ae-line); background:var(--ae-line); }
.alisar-energy__card { display:grid; min-height:145px; padding:23px; background:var(--ae-panel); }
.alisar-energy__card h4 { margin:0; color:var(--ae-muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.alisar-energy__card strong { align-self:end; margin-top:15px; color:var(--ae-text); font-size:30px; line-height:1; }
.alisar-energy__card span, .alisar-energy__card small { color:var(--ae-muted); font-size:10px; }
.alisar-energy__card small { margin-top:8px; }

@keyframes alisarTicker { to { transform:translate3d(-50%,0,0); } }
[dir="rtl"] .alisar-energy__track { animation-name:alisarTickerRtl; }
@keyframes alisarTickerRtl { to { transform:translate3d(50%,0,0); } }
.alisar-energy--static .alisar-energy__ticker { overflow-x:auto; }
.alisar-energy--static .alisar-energy__track { animation:none; transform:none; will-change:auto; }
.alisar-energy--static .alisar-energy__viewport { overflow:visible; -webkit-mask-image:none; mask-image:none; }
.alisar-energy--static .alisar-energy__group[aria-hidden="true"] { display:none; }
.alisar-energy--static .alisar-energy__ticker::before,
.alisar-energy--static .alisar-energy__ticker::after { display:none; }

@media (max-width:640px) {
  .alisar-energy__chart { padding:min(var(--ae-chart-padding,20px),20px); }
  .alisar-energy__svg { height:min(var(--ae-chart-height,320px),260px); }
  .alisar-energy__chart > header { display:grid; }
  .alisar-energy__legend { justify-content:flex-start; }
  .alisar-energy__tick { min-width:min(var(--ae-item-width,220px),80vw); padding-inline:min(var(--ae-ticker-x,24px),18px); }
}

@media (prefers-reduced-motion:reduce) {
  .alisar-energy__track { animation:none; }
  .alisar-energy__ticker { overflow-x:auto; }
  .alisar-energy__viewport { overflow:visible; -webkit-mask-image:none; mask-image:none; }
}