/* Layout */
.dashboard-container {
  display: flex;
  font-family: var(--fontfamily--primary);
  gap: var(--distance-medium);
  line-height: 1.15;
  padding: var(--distance-medium);
  width: 100%;

  flex-wrap: wrap;
}

.dashboard-row {
  align-items: center;
  display: flex;
  gap: var(--distance-large);
  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(--distance-medium);
  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(--distance-large);
  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(--distance-large);
}

.dashboard-card-header .dashboard-header-item {
  align-items: center;
  display: flex;
  font-weight: bold;
  gap: var(--distance-small);
}

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

.dashboard-card-footer {
  position: relative;

  font-weight: bold;
  margin-top: var(--distance-medium);
  margin-bottom: -10px;
  padding-top: var(--distance-medium);
  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(--distance-large) 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(--distance-small);
  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%;
  max-width: 650px;
}

.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(--distance-small);
  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;
  }
}
.dashboard-row.svelte-12zvb5p{gap:0}.dashboard-storage-graphdonut.svelte-12zvb5p{max-width:200px;margin:auto}.dashboard-country-name.svelte-12zvb5p{font-weight:bold}.chart-container.svelte-12zvb5p{margin-top:var(--distance-large);display:flex;align-items:center;justify-content:center;width:100%;height:150px}@media only screen and (max-width: 600px){.dashboard-column.svelte-12zvb5p{flex-basis:50%}.dashboard-storage-graphlinechart.svelte-12zvb5p{display:none}}.dashboard-fs-primaryinfo.svelte-1m95p30{display:flex;justify-content:center;gap:3px}.factbox-container.svelte-1ngjx78.svelte-1ngjx78{position:relative;overflow:hidden;transition:max-height 0.25s ease-in-out;max-height:170px}.factbox-container.expanded.svelte-1ngjx78.svelte-1ngjx78{max-height:900px}.factbox-container.expanded.svelte-1ngjx78 .factbox-expand.svelte-1ngjx78{opacity:0;pointer-events:none}.factbox-expand.svelte-1ngjx78.svelte-1ngjx78{display:flex;align-items:flex-end;justify-content:center;position:absolute;bottom:0;width:100%;height:100px;background:linear-gradient(rgba(var(--rgb-color--black), 0), rgba(var(--rgb-color--black), 1));opacity:1;transition:opacity 0.25s}.factbox-expand.svelte-1ngjx78 .button.svelte-1ngjx78{border:1px solid var(--color--white)}.factbox-figure.svelte-1ngjx78.svelte-1ngjx78{margin:0 0 0 var(--distance-large);width:300px;float:right}.factbox-figure.svelte-1ngjx78 img.svelte-1ngjx78{border-radius:var(--border-radius);width:100%}@media only screen and (max-width: 600px){.factbox-container.svelte-1ngjx78.svelte-1ngjx78{max-height:150px}.factbox-figure.svelte-1ngjx78.svelte-1ngjx78{width:130px;margin-left:var(--distance-xlarge)}}.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%}}.appliance-loading.svelte-2lfuks{width:910px;max-width:100%;height:400px;display:flex;justify-content:center}.appliance-button.svelte-2lfuks{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(--distance-small) 0 var(--distance-large) var(--distance-medium)}.appliance-button.svelte-2lfuks:hover{--hoverScale:1.2}.appliance-name.svelte-2lfuks{padding:var(--distance-medium) 0;position:relative}.appliance-name.svelte-2lfuks::after{position:absolute;top:0;left:0;border-top:1px solid currentColor;content:'';opacity:0.1;width:100%}.form-element.svelte-1p3njhk.svelte-1p3njhk{margin:0}.form-input.svelte-1p3njhk.svelte-1p3njhk{height:25px;padding:0 var(--distance-small);font-family:var(--fontfamily--primary);font-size:var(--fs-small)}.legend-container.svelte-1p3njhk.svelte-1p3njhk{display:flex;align-items:center;justify-content:center}.legend-content.svelte-1p3njhk.svelte-1p3njhk{display:flex;justify-content:center;align-items:center;padding:10px 10px 0 10px}.legend-content.svelte-1p3njhk p.svelte-1p3njhk{margin:0}@media only screen and (max-device-width: 600px){.legend-content.svelte-1p3njhk p.svelte-1p3njhk{font-size:12px}}button.svelte-155569q.svelte-155569q{background:var(--color--primary);color:var(--fgcolor--primary);border:0;border-radius:3px;font-weight:bold;height:25px;width:25px}input[type='number'].svelte-155569q.svelte-155569q{text-align:right;width:45px;font-weight:bold;height:25px}input[type='number'].wattage.svelte-155569q.svelte-155569q{width:65px}.appliance-modal.svelte-155569q.svelte-155569q{--currentprice-color:var(--color--green)}.appliance-modal.svelte-155569q.svelte-155569q,.appliance-modal-top.svelte-155569q.svelte-155569q{align-items:center;display:flex;flex-direction:column;font-family:var(--fontfamily--primary)}.appliance-modal-top.svelte-155569q.svelte-155569q{box-shadow:var(--box-shadow);padding:var(--distance-large);margin-bottom:var(--distance-large);width:100%}.appliance-name.svelte-155569q.svelte-155569q{margin-bottom:var(--distance-medium)}.appliance-description.svelte-155569q.svelte-155569q{margin-bottom:var(--distance-large);text-align:center;max-width:320px}.appliance-controls.svelte-155569q.svelte-155569q{display:flex;justify-content:space-around;width:100%}.dashboard.svelte-155569q.svelte-155569q{--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(--distance-small);grid-template-columns:1fr;padding:0 var(--distance-medium) var(--distance-medium)}.dashboard.svelte-155569q h3.svelte-155569q{color:var(--title);margin:0;text-align:center}.dashboard-data--message.svelte-155569q h3.svelte-155569q{margin-bottom:var(--distance-medium)}.dashboard--current.svelte-155569q.svelte-155569q{--title:var(--color--green)}.dashboard--cheaper.svelte-155569q.svelte-155569q{--background:var(--color--green);--border:var(--fgcolor--green);--color:var(--fgcolor--green);--title:var(--fgcolor--green);text-align:center}.dashboard--error.svelte-155569q.svelte-155569q,.dashboard--error-prediction.svelte-155569q.svelte-155569q{--border:var(--color--red);--color:var(--color--black);--title:var(--color--red)}.dashboard-data.svelte-155569q.svelte-155569q{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-155569q .dashboard-data--price.svelte-155569q{--title:var(--color--red);border-color:var(--color--red);color:var(--color--black)}.dashboard--cheaper.svelte-155569q .dashboard-data--message.svelte-155569q{background-color:var(--background)}.appliance-controls-grid.svelte-155569q.svelte-155569q{width:100%;max-width:370px}.appliance-controls-title.svelte-155569q.svelte-155569q,.appliance-controls-calc.svelte-155569q.svelte-155569q{display:none}@media(max-width: 600px){.dashboard.dashboard--cheaper.svelte-155569q.svelte-155569q{--data-padding:var(--distance-medium);grid-template-columns:1fr 1fr;padding:0 var(--distance-small) var(--distance-medium)}.dashboard-caption.svelte-155569q.svelte-155569q,.dashboard-text.svelte-155569q.svelte-155569q{font-size:smaller}.dashboard-chart.svelte-155569q.svelte-155569q{grid-column:span 2}}@media(min-width: 600px){.appliance-modal.svelte-155569q.svelte-155569q{display:grid;grid-template-columns:1fr 1fr;max-width:910px}.appliance-modal-top.svelte-155569q.svelte-155569q{height:100%;justify-content:center;margin:0}.appliance-controls-grid.svelte-155569q.svelte-155569q{border:1px solid var(--color--graa5);border-radius:var(--border-radius);padding:var(--distance-large);display:grid;gap:var(--distance-small);grid-template-rows:auto auto auto}.appliance-controls.svelte-155569q.svelte-155569q{justify-content:space-between}.appliance-controls-title.svelte-155569q.svelte-155569q,.appliance-controls-calc.svelte-155569q.svelte-155569q{display:block}.appliance-controls-title.svelte-155569q.svelte-155569q{color:var(--color--graa1);font-weight:bold;text-align:center}.appliance-controls-calc.svelte-155569q.svelte-155569q{color:var(--color--graa3);font-size:80%}.dashboard.svelte-155569q.svelte-155569q{padding:var(--distance-xlarge)}}@media(min-width: 910px){.appliance-modal.svelte-155569q.svelte-155569q{width:910px}}.dashboard-vertical-center.svelte-fl7vnv{display:inline-block}.dashboard-position-absolute.svelte-fl7vnv{position:absolute;width:100%;top:50%;left:0;z-index:1;transform:translateY(-50%)}.svg-item.svelte-fl7vnv{padding:0 var(--distance-medium);width:100%;margin:0 auto;opacity:0;transition:opacity 0.2s}.svg-item.visible.svelte-fl7vnv{opacity:1}.donut-segment.svelte-fl7vnv{transform-origin:center}.donut-segment.visible.svelte-fl7vnv{animation:svelte-fl7vnv-donutStroke 1s}@keyframes svelte-fl7vnv-donutStroke{0%{stroke-dasharray:0, 100}100%{stroke-dasharray:var(--dashArray)}}@media(prefers-reduced-motion){.svg-item.svelte-fl7vnv,.donut-segment.svelte-fl7vnv{animation-name:none}}@media only screen and (max-width: 600px){.dashboard-fs-secondaryinfo.svelte-fl7vnv{font-size:var(--fs-rem-xxlarge)}}#topModal.svelte-1m8i9rp{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-1m8i9rp{position:relative;border-radius:var(--border-radius);background:var(--color--white);box-shadow:var(--box-shadow--dark)}.visible.svelte-1m8i9rp{visibility:visible !important}.close-button.svelte-1m8i9rp{position:absolute;top:0;right:0;padding:var(--distance-medium);cursor:pointer}.modal-content.svelte-1m8i9rp{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}.tick.svelte-1aeph2j .gridline.svelte-1aeph2j{stroke-dasharray:2}.tick.tick-0.svelte-1aeph2j line.svelte-1aeph2j{stroke-dasharray:0}.path-line.svelte-2olc8f{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:2}.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)}.layercake-container.svelte-vhzpsp,.layercake-container.svelte-vhzpsp *{box-sizing:border-box}.layercake-container.svelte-vhzpsp{width:100%;height:100%}div.svelte-1bu60uu,slot.svelte-1bu60uu{position:absolute;top:0;left:0}svg.svelte-u84d8d{position:absolute;top:0;left:0;overflow:visible}svg.svelte-6sm8ei{position:absolute;width:100%;height:100%;overflow:visible}svg.svelte-6sm8ei *{vector-effect:non-scaling-stroke}.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}