/* Layout */
.dashboard-container {
  display: flex;
  font-family: var(--fontfamily--primary);
  gap: var(--ds-spacing-xs, 8px);
  line-height: 1.15;
  padding: var(--ds-spacing-xs, 8px);
  width: 100%;

  flex-wrap: wrap;
}

.dashboard-row {
  align-items: center;
  display: flex;
  gap: var(--ds-spacing-sm, 12px);
  text-align: center;
}

.dashboard-column {
  position: relative;

  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  flex: 1 1 0;
}

/* Condensed */

.dashboard-condensed-header {
  align-items: center;
  display: flex;
  font-family: var(--fontfamily--primary);
  font-size: var(--fs-rem-xxxlarge);
  font-weight: 700;
  justify-content: center;
}

.dashboard-condensed-logo {
  margin-left: var(--ds-spacing-xs, 8px);
  width: 400px;
}

.dashboard-condensed-banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;

  background-image: url("https://interactive.ekstrabladet.dk/img/energydashboard_screen4.jpg");
  background-position: center;
  background-size: cover;
  border-radius: var(--border-radius);
  width: 100%;
  height: 100%;
}

.dashboard-savings-visible .dashboard-condensed-banner {
  display: none;
}

.dashboard-appliance-link {
  color: currentColor;
}

.dashboard-appliance-link div {
  pointer-events: none;
}

/* Card */

.dashboard-card {
  position: relative;

  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  font-family: var(--fontfamily--primary);
  padding: var(--ds-spacing-sm, 12px);
  max-width: 100%;

  flex: 1 1 100%;
}

.dashboard-container .dashboard-card:not(.dashboard-card--halfwidth).bg--black {
  box-shadow: var(--box-shadow--dark);
}

.dashboard-container .dashboard-card--halfwidth {
  flex-basis: 0;
}

.dashboard-card-header {
  align-items: center;
  border-bottom: none;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  margin-bottom: var(--ds-spacing-sm, 12px);
}

.dashboard-card-header .dashboard-header-item {
  align-items: center;
  display: flex;
  font-weight: bold;
  gap: var(--ds-spacing-2xs, 4px);
}

.dashboard-card-header,
.dashboard-card-content {
  padding: 0;
}

.dashboard-card-footer {
  position: relative;

  font-weight: bold;
  margin-top: var(--ds-spacing-xs, 8px);
  margin-bottom: -10px;
  padding-top: var(--ds-spacing-xs, 8px);
  text-align: right;
}

.dashboard-card-footer::after {
  position: absolute;
  top: 0;
  left: 0;

  border-top: 1px solid currentColor;
  content: "";
  opacity: .1;
  width: 100%;
}

.dashboard-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;
}

.dashboard-card-loadingbg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  align-items: center;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: opacity .2s;
  width: 100%;
  height: 100%;

  pointer-events: none;
}

.dashboard-card-loadingbg.transparent {
  opacity: 0;
}

.dashboard-text-loading {
  animation: blinker 1s linear infinite;
}

/* Fonts */
.dashboard-fs-header {
  font-size: var(--fs-rem-xxxlarge);
  margin: var(--ds-spacing-sm, 12px) 0;
  text-align: center;
  width: 100%;
}

.dashboard-fs-cardheader {
  font-size: var(--fs-rem-large);
}

.dashboard-fs-primaryinfo {
  font-size: var(--fs-rem-xxxxlarge);
  font-weight: 700;
}

.dashboard-fs-secondaryinfo {
  font-size: var(--fs-rem-xxxlarge);
  font-weight: 700;
}

.dashboard-fs-tertiaryinfo {
  font-size: 1.5rem;
  font-weight: 700;
}

.dashboard-fs-caption {
  font-size: var(--fs-rem-medium);
}

.dashboard-fs-source {
  color: var(--color--graa3);
  font-size: var(--fs-rem-xsmall);
  margin-top: var(--ds-spacing-2xs, 4px);
  text-align: right;
}

.dashboard-fs-source a {
  color: currentColor;
  text-decoration: underline;
}

.dashboard-blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: .3;
  }
}

/* Tooltip */
.dashboard-container .tooltip-container {
  font-size: var(--fs-rem-small);
  font-weight: normal;
  text-align: left;
  max-width: 250px;
}

.dashboard-container .buttongroup .dashboard-button-toggle {
  background-color: var(--bgColor);
  border-color: var(--fgColor);
  color: var(--fgColor);
  font-family: var(--fontfamily--primary);
  height: 25px;
}

.dashboard-container .buttongroup .dashboard-button-toggle[data-selected="true"] {
  background-color: var(--fgColor);
  color: var(--bgColor);
}

/* Colors */
.dashboard-color-expensive {
  color: var(--color--red);
}

.dashboard-color-cheap {
  color: var(--color--green);
}

/* Graphics */
.dashboard-icon img,
.dashboard-icon svg {
  height: 100%;

  fill: var(--icon-fill);
}

.dashboard-logo-container {
  margin: 0;
  width: 100%;
}

.dashboard-logo-container .dashboard-logo {
  width: 100%;
}

/* Graph */
.tick text {
  font-size: var(--fs-rem-small);

  fill: var(--color--graa2);
}

.bg--black .tick text {
  fill: var(--color--white);
}

.tick line {
  stroke: var(--color--graa3);
  stroke-dasharray: 2;
  stroke-width: .4px;
}

/* Mobile */
@media only screen and (max-width: 600px) {
  .dashboard-condensed-header {
    font-size: var(--fs-rem-xlarge);
  }

  .dashboard-condensed-logo {
    margin-left: var(--ds-spacing-2xs, 4px);
  width: 220px;
  }

  .dashboard-appliance-link .dashboard-fs-caption {
    font-size: var(--fs-rem-small);
  }

  .dashboard-container {
    /* DR Edition values */
    gap: calc(10vw / 3.75);
  padding: calc(10vw / 3.75) calc(5vw / 3.75);
  }
  .dashboard-section,
  .dashboard-row {
    flex-wrap: wrap;
  }

  .dashboard-container .dashboard-card--halfwidth {
    flex-basis: 100%;
  }

  .dashboard-fs-header {
    font-size: var(--fs-rem-xxlarge);
  }

  .dashboard-fs-primaryinfo {
    font-size: var(--fs-rem-xxxlarge);
  }

  .dashboard-fs-secondaryinfo {
    font-size: var(--fs-rem-xlarge);
  }

  .dashboard-logo-container {
    max-width: 85vw;
  }

  /* Graph */
  .tick text {
    font-size: var(--fs-rem-xxsmall);
  }

  .y-axis .tick text {
    font-size: var(--fs-rem-xsmall);
  }

  /* Move Gasoline below electricity */
  #gasoline-today {
    order: 5 !important;
  }
}
.appliance-loading.svelte-1wwub5k{width:910px;max-width:100%;height:400px;display:flex;justify-content:center}.appliance-button.svelte-1wwub5k{user-select:none;cursor:pointer;color:var(--fgcolor--white);background:var(--color--white);border-radius:var(--border-radius);box-shadow:0 5px 10px rgba(var(--rgb-color--black), 0.4);width:180px;flex-shrink:0;text-align:center;margin:var(--ds-spacing-2xs, 4px) 0 var(--ds-spacing-sm, 12px) var(--ds-spacing-xs, 8px)}.appliance-button.svelte-1wwub5k:hover{--hoverScale:1.2}.appliance-name.svelte-1wwub5k{padding:var(--ds-spacing-xs, 8px) 0;position:relative}.appliance-name.svelte-1wwub5k::after{position:absolute;top:0;left:0;border-top:1px solid currentColor;content:'';opacity:0.1;width:100%}.form-element.svelte-1n74pee.svelte-1n74pee{margin:0}.form-input.svelte-1n74pee.svelte-1n74pee{height:25px;padding:0 var(--ds-spacing-2xs, 4px);font-family:var(--fontfamily--primary);font-size:var(--fs-small)}.legend-container.svelte-1n74pee.svelte-1n74pee{display:flex;align-items:center;justify-content:center}.legend-content.svelte-1n74pee.svelte-1n74pee{display:flex;justify-content:center;align-items:center;padding:10px 10px 0 10px}.legend-content.svelte-1n74pee p.svelte-1n74pee{margin:0}@media only screen and (max-device-width: 600px){.legend-content.svelte-1n74pee p.svelte-1n74pee{font-size:12px}}.dashboard-fs-primaryinfo.svelte-1m95p30{display:flex;justify-content:center;gap:3px}.caption-on-top.svelte-1g5zy03{position:relative;z-index:1}.dashboard-row.svelte-1g5zy03{gap:var(--distance-xxlarge)}.chart-container.svelte-1g5zy03{margin-top:-25px;flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%;height:150px}@media only screen and (max-width: 600px){.dashboard-column.svelte-1g5zy03{flex-basis:100%}}.dashboard-row.svelte-1kxsr7p{gap:0}.dashboard-storage-graphdonut.svelte-1kxsr7p{max-width:200px;margin:auto}.dashboard-country-name.svelte-1kxsr7p{font-weight:bold}.chart-container.svelte-1kxsr7p{margin-top:var(--ds-spacing-sm, 12px);display:flex;align-items:center;justify-content:center;width:100%;height:150px}@media only screen and (max-width: 600px){.dashboard-column.svelte-1kxsr7p{flex-basis:50%}.dashboard-storage-graphlinechart.svelte-1kxsr7p{display:none}}button.svelte-nnn9vi.svelte-nnn9vi{background:var(--color--primary);color:var(--fgcolor--primary);border:0;border-radius:3px;font-weight:bold;height:25px;width:25px}input[type='number'].svelte-nnn9vi.svelte-nnn9vi{text-align:right;width:45px;font-weight:bold;height:25px}input[type='number'].wattage.svelte-nnn9vi.svelte-nnn9vi{width:65px}.appliance-modal.svelte-nnn9vi.svelte-nnn9vi{--currentprice-color:var(--color--green)}.appliance-modal.svelte-nnn9vi.svelte-nnn9vi,.appliance-modal-top.svelte-nnn9vi.svelte-nnn9vi{align-items:center;display:flex;flex-direction:column;font-family:var(--fontfamily--primary)}.appliance-modal-top.svelte-nnn9vi.svelte-nnn9vi{box-shadow:var(--box-shadow);padding:var(--ds-spacing-sm, 12px);margin-bottom:var(--ds-spacing-sm, 12px);width:100%}.appliance-name.svelte-nnn9vi.svelte-nnn9vi{margin-bottom:var(--ds-spacing-xs, 8px)}.appliance-description.svelte-nnn9vi.svelte-nnn9vi{margin-bottom:var(--ds-spacing-sm, 12px);text-align:center;max-width:320px}.appliance-controls.svelte-nnn9vi.svelte-nnn9vi{display:flex;justify-content:space-around;width:100%}.dashboard.svelte-nnn9vi.svelte-nnn9vi{--background:transparent;--border:var(--title);--title:var(--color--black);--color:var(--color--black);--data-padding:var(--distance-xlarge);color:var(--color);border-color:var(--border);display:grid;gap:var(--ds-spacing-2xs, 4px);grid-template-columns:1fr;padding:0 var(--ds-spacing-xs, 8px) var(--ds-spacing-xs, 8px)}.dashboard.svelte-nnn9vi h3.svelte-nnn9vi{color:var(--title);margin:0;text-align:center}.dashboard-data--message.svelte-nnn9vi h3.svelte-nnn9vi{margin-bottom:var(--ds-spacing-xs, 8px)}.dashboard--current.svelte-nnn9vi.svelte-nnn9vi{--title:var(--color--green)}.dashboard--cheaper.svelte-nnn9vi.svelte-nnn9vi{--background:var(--color--green);--border:var(--fgcolor--green);--color:var(--fgcolor--green);--title:var(--fgcolor--green);text-align:center}.dashboard--error.svelte-nnn9vi.svelte-nnn9vi,.dashboard--error-prediction.svelte-nnn9vi.svelte-nnn9vi{--border:var(--color--red);--color:var(--color--black);--title:var(--color--red)}.dashboard-data.svelte-nnn9vi.svelte-nnn9vi{border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--data-padding);display:flex;flex-direction:column;justify-content:center}.dashboard--cheaper.svelte-nnn9vi .dashboard-data--price.svelte-nnn9vi{--title:var(--color--red);border-color:var(--color--red);color:var(--color--black)}.dashboard--cheaper.svelte-nnn9vi .dashboard-data--message.svelte-nnn9vi{background-color:var(--background)}.appliance-controls-grid.svelte-nnn9vi.svelte-nnn9vi{width:100%;max-width:370px}.appliance-controls-title.svelte-nnn9vi.svelte-nnn9vi,.appliance-controls-calc.svelte-nnn9vi.svelte-nnn9vi{display:none}@media(max-width: 600px){.dashboard.dashboard--cheaper.svelte-nnn9vi.svelte-nnn9vi{--data-padding:var(--ds-spacing-xs, 8px);grid-template-columns:1fr 1fr;padding:0 var(--ds-spacing-2xs, 4px) var(--ds-spacing-xs, 8px)}.dashboard-caption.svelte-nnn9vi.svelte-nnn9vi,.dashboard-text.svelte-nnn9vi.svelte-nnn9vi{font-size:smaller}.dashboard-chart.svelte-nnn9vi.svelte-nnn9vi{grid-column:span 2}}@media(min-width: 600px){.appliance-modal.svelte-nnn9vi.svelte-nnn9vi{display:grid;grid-template-columns:1fr 1fr;max-width:910px}.appliance-modal-top.svelte-nnn9vi.svelte-nnn9vi{height:100%;justify-content:center;margin:0}.appliance-controls-grid.svelte-nnn9vi.svelte-nnn9vi{border:1px solid var(--color--graa5);border-radius:var(--border-radius);padding:var(--ds-spacing-sm, 12px);display:grid;gap:var(--ds-spacing-2xs, 4px);grid-template-rows:auto auto auto}.appliance-controls.svelte-nnn9vi.svelte-nnn9vi{justify-content:space-between}.appliance-controls-title.svelte-nnn9vi.svelte-nnn9vi,.appliance-controls-calc.svelte-nnn9vi.svelte-nnn9vi{display:block}.appliance-controls-title.svelte-nnn9vi.svelte-nnn9vi{color:var(--color--graa1);font-weight:bold;text-align:center}.appliance-controls-calc.svelte-nnn9vi.svelte-nnn9vi{color:var(--color--graa3);font-size:80%}.dashboard.svelte-nnn9vi.svelte-nnn9vi{padding:var(--distance-xlarge)}}@media(min-width: 910px){.appliance-modal.svelte-nnn9vi.svelte-nnn9vi{width:910px}}#topModal.svelte-18pt1y5{visibility:hidden;z-index:9999999;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--rgb-color--black), 0.6);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#modal.svelte-18pt1y5{position:relative;border-radius:var(--border-radius);background:var(--color--white);box-shadow:var(--box-shadow--dark)}.visible.svelte-18pt1y5{visibility:visible !important}.close-button.svelte-18pt1y5{position:absolute;top:0;right:0;padding:var(--ds-spacing-xs, 8px);cursor:pointer}.modal-content.svelte-18pt1y5{max-width:calc(100vw - 10px);max-height:calc(100vh - 20px);overflow:auto}.chart-container.svelte-1v250et{display:flex;align-items:center;justify-content:center;width:100%;height:300px;max-height:40vw}.dashboard-vertical-center.svelte-1sbodi9{display:inline-block}.dashboard-position-absolute.svelte-1sbodi9{position:absolute;width:100%;top:50%;left:0;z-index:1;transform:translateY(-50%)}.svg-item.svelte-1sbodi9{padding:0 var(--ds-spacing-xs, 8px);width:100%;margin:0 auto;opacity:0;transition:opacity 0.2s}.svg-item.visible.svelte-1sbodi9{opacity:1}.donut-segment.svelte-1sbodi9{transform-origin:center}.donut-segment.visible.svelte-1sbodi9{animation:svelte-1sbodi9-donutStroke 1s}@keyframes svelte-1sbodi9-donutStroke{0%{stroke-dasharray:0, 100}100%{stroke-dasharray:var(--dashArray)}}@media(prefers-reduced-motion){.svg-item.svelte-1sbodi9,.donut-segment.svelte-1sbodi9{animation-name:none}}@media only screen and (max-width: 600px){.dashboard-fs-secondaryinfo.svelte-1sbodi9{font-size:var(--fs-rem-xxlarge)}}.tick.svelte-1aeph2j .gridline.svelte-1aeph2j{stroke-dasharray:2}.tick.tick-0.svelte-1aeph2j line.svelte-1aeph2j{stroke-dasharray:0}.tick.svelte-1rjdj5h .tick-mark.svelte-1rjdj5h,.baseline.svelte-1rjdj5h.svelte-1rjdj5h{stroke-dasharray:0}.axis.snapTicks.svelte-1rjdj5h .tick:last-child text.svelte-1rjdj5h{transform:translateX(3px)}.axis.snapTicks.svelte-1rjdj5h .tick.tick-0 text.svelte-1rjdj5h{transform:translateX(-3px)}.path-line.svelte-2olc8f{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:2}.layercake-container.svelte-vhzpsp,.layercake-container.svelte-vhzpsp *{box-sizing:border-box}.layercake-container.svelte-vhzpsp{width:100%;height:100%}svg.svelte-6sm8ei{position:absolute;width:100%;height:100%;overflow:visible}svg.svelte-6sm8ei *{vector-effect:non-scaling-stroke}svg.svelte-u84d8d{position:absolute;top:0;left:0;overflow:visible}div.svelte-1bu60uu,slot.svelte-1bu60uu{position:absolute;top:0;left:0}.chart-container.svelte-1at4d1x{display:flex;align-items:center;justify-content:center;width:100%;height:120px;max-height:40vw}text.svelte-p2lko1{font-size:var(--fs-rem-small)}.group-rect.svelte-p2lko1{fill:var(--bgColor)}.group-rect.dMark.svelte-p2lko1{filter:drop-shadow(0 0 5px transparent)}.group-rect.animate.svelte-p2lko1{animation:svelte-p2lko1-blinker 1s linear infinite}.group-rect.svelte-p2lko1:hover{filter:drop-shadow(0 0 5px var(--bgColor))}@keyframes svelte-p2lko1-blinker{50%{filter:drop-shadow(0 0 5px var(--bgColor));opacity:0.5}}.swoops.svelte-p2lko1{fill:none;stroke:#000;stroke-width:1px}.tooltip-container.svelte-c72xmf{pointer-events:none;text-align:center}.tooltip-container.hidden.svelte-c72xmf{display:none}