/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/App/App.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.vYOUEMqad6QbJD8Wjz2d {
  position: inherit;
  z-index: 20;
}

.wml41tDPqrQL3nvb7k2D {
  background-color: var(--env-modal-backdrop-background-color);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 8.5rem;
  transition: opacity 0.3s linear;
  z-index: -1;
  animation: var(--env-fade) 0.3s;
  opacity: var(--env-modal-backdrop-opacity);
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MenuItem/App.scss ***!
  \**********************************************************************************************************************************************************************************************************/
:root {
  background-color: var(--fillColor);
  color: var(--textColorCloud);
  --transition-time: 0.2s;
  --font-normal: "Noto Sans", Verdana, Arial, sans-serif;
  --font-heading: "SMHI Sans", Verdana, Arial, sans-serif;
  --font-mono: "Noto Sans Mono", monospace;
  --shadow1: 0px 2px 4px 0px rgba(13, 25, 33, 0.08);
  --shadow2: 0px 4px 12px 0px rgba(13, 25, 33, 0.08),
    0px 4px 6px 0px rgba(13, 25, 33, 0.06);
  --shadow3: 0px 36px 48px 0px rgba(13, 25, 33, 0.1),
    0px 8px 16px 0px rgba(13, 25, 33, 0.08);
  --border-radius: 0.125rem;
  --border-width: 0.0625rem;
  --line-width: 45rem;
  --padding: calc(0.75rem - var(--border-width))
    calc(1rem - var(--border-width));
  --padding-xs: calc(0.25rem - var(--border-width));
  --padding-s: calc(0.5rem - var(--border-width));
  --padding-l: calc(1rem - var(--border-width));
  --padding-xl: calc(1rem - var(--border-width))
    calc(1.5rem - var(--border-width));
  --padding-no-border: 0.75rem 1rem;
  --padding-xs-no-border: 0.25rem;
  --padding-s-no-border: 0.5rem;
  --padding-l-no-border: 1rem;
  --padding-xl-no-border: 1rem 1.5rem;
  --colorCloud10: #f5f6f7;
  --colorCloud20: #ebeef0;
  --colorCloud30: #d0d6db;
  --colorCloud40: #a6b1ba;
  --colorCloud50: #8b99a2;
  --colorCloud60: #647078;
  --colorCloud70: #48535c;
  --colorCloud80: #303f4a;
  --colorCloud90: #1b2b36;
  --colorCloud100: #12212b;
  --colorSky10: #def1ff;
  --colorSky20: #b3dfff;
  --colorSky30: #99d6ff;
  --colorSky40: #74bced;
  --colorSky50: #3b9cdf;
  --colorSky60: #0c6bc4;
  --colorSky70: #0054a6;
  --colorSky80: #004591;
  --colorSky90: #00367a;
  --colorSky100: #002863;
  --colorWildfire10: #fae7cd;
  --colorWildfire20: #ffd3a1;
  --colorWildfire30: #fbb060;
  --colorWildfire40: #f69127;
  --colorWildfire50: #eb7500;
  --colorWildfire60: #ab4d00;
  --colorWildfire70: #8c3d00;
  --colorWildfire80: #782e00;
  --colorWildfire90: #662500;
  --colorWildfire100: #4f1a00;
  --colorOcean10: #e0f5f3;
  --colorOcean20: #bdebe8;
  --colorOcean30: #75d2cc;
  --colorOcean40: #49c1bb;
  --colorOcean50: #1ea8a1;
  --colorOcean60: #067a78;
  --colorOcean70: #046666;
  --colorOcean80: #035154;
  --colorOcean90: #004047;
  --colorOcean100: #002e33;
  --colorTwilight10: #f5ebff;
  --colorTwilight20: #e8d0fd;
  --colorTwilight30: #dfbdff;
  --colorTwilight40: #d09cff;
  --colorTwilight50: #b969ff;
  --colorTwilight60: #913ad7;
  --colorTwilight70: #7d24bf;
  --colorTwilight80: #68159f;
  --colorTwilight90: #510c78;
  --colorTwilight100: #37064f;
  --colorAlgae10: #eafcd2;
  --colorAlgae20: #b6ed8e;
  --colorAlgae30: #72ca34;
  --colorAlgae40: #54b514;
  --colorAlgae50: #3da000;
  --colorAlgae60: #2b7500;
  --colorAlgae70: #206100;
  --colorAlgae80: #184f00;
  --colorAlgae90: #103d00;
  --colorAlgae100: #0a2900;
  --colorSunlight10: #ffffcc;
  --colorSunlight20: #fffa94;
  --colorSunlight30: #fdeb1b;
  --colorSunlight40: #f0d700;
  --colorSunlight50: #c9b200;
  --colorSunlight60: #857100;
  --colorSunlight70: #6b5900;
  --colorSunlight80: #594600;
  --colorSunlight90: #473700;
  --colorSunlight100: #382b00;
  --colorHeatwave10: #ffebed;
  --colorHeatwave20: #ffcfd1;
  --colorHeatwave30: #ff99a0;
  --colorHeatwave40: #fc5f6a;
  --colorHeatwave50: #f82b37;
  --colorHeatwave60: #d61720;
  --colorHeatwave70: #b4070f;
  --colorHeatwave80: #930005;
  --colorHeatwave90: #610003;
  --colorHeatwave100: #380001;
  --colorWarningYellow10: #fdffdb;
  --colorWarningYellow20: #faff8c;
  --colorWarningYellow30: #fcff40;
  --colorWarningYellow40: #dcdc00;
  --colorWarningYellow50: #9e9600;
  --colorWarningYellow60: #857500;
  --colorWarningYellow70: #7d6e00;
  --colorWarningYellow80: #705f00;
  --colorWarningYellow90: #6b5600;
  --colorWarningYellow100: #5e4a00;
  --colorWarningOrange10: #fff3eb;
  --colorWarningOrange20: #ffe1cf;
  --colorWarningOrange30: #ffbd99;
  --colorWarningOrange40: #fc915f;
  --colorWarningOrange50: #f8652b;
  --colorWarningOrange60: #cb3e0b;
  --colorWarningOrange70: #b63007;
  --colorWarningOrange80: #9e2200;
  --colorWarningOrange90: #7a1800;
  --colorWarningOrange100: #4d0e00;
  --colorWarningRed10: #ffebec;
  --colorWarningRed20: #ffcfd4;
  --colorWarningRed30: #ff99a7;
  --colorWarningRed40: #fc5f79;
  --colorWarningRed50: #fc3c63;
  --colorWarningRed60: #d51847;
  --colorWarningRed70: #bb073a;
  --colorWarningRed80: #93002f;
  --colorWarningRed90: #61001f;
  --colorWarningRed100: #47001a;
  --marginLDefault: 2rem;
  --marginDefault: 1.5rem;
  --marginSDefault: 1rem;
  --marginXsDefault: 0.75rem;
  --marginXxsDefault: 0.5rem;
  --focus-border-width: 0.25rem;
  --focus-border: var(--focus-border-width) solid var(--focusOutlineColor);
  --focus-border-inset: var(--focus-border-width) solid var(--colorZenith);
  --colorZenith: #ffffff;
  --colorNadir: #0d1921;
  --fillColor: var(--colorZenith);
  --fillColorNested: var(--colorCloud60);
  --textColor: var(--colorSky60);
  --textColorCloud: var(--colorCloud100);
  --textColorOptional: var(--colorCloud60);
  --borderColor: var(--colorSky60);
  --borderColorSecondary: var(--colorCloud30);
  --hoverFillColor: var(--colorSky10);
  --focusOutlineColor: var(--colorSky60);
  --activeFillColor: var(--colorSky20);
  --selectedFillColor: var(--colorSky10);
  --selectedHoverFillColor: var(--colorSky20);
  --selectedActiveFillColor: var(--colorSky30);
  --disabledFillColor: var(--colorCloud10);
  --disabledSelectedFillColor: var(--colorCloud30);
  --disabledTextColor: var(--colorCloud40);
  --disabledBorderColor: var(--colorCloud40);
  font-family: var(--font-normal);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}
:root.ZUjyanyUwAORuhzaeSXw {
  --marginLDefault: initial;
  --marginDefault: initial;
  --marginSDefault: initial;
  --marginXsDefault: initial;
  --marginXxsDefault: initial;
}
:root.wSG9YeDp7l2MlbNivC4m {
  --colorCloud100: #f5f6f7;
  --colorCloud90: #ebeef0;
  --colorCloud80: #d0d6db;
  --colorCloud70: #a6b1ba;
  --colorCloud60: #8b99a2;
  --colorCloud50: #647078;
  --colorCloud40: #48535c;
  --colorCloud30: #303f4a;
  --colorCloud20: #1b2b36;
  --colorCloud10: #12212b;
  --colorSky100: #def1ff;
  --colorSky90: #b3dfff;
  --colorSky80: #99d6ff;
  --colorSky70: #74bced;
  --colorSky60: #3b9cdf;
  --colorSky50: #0c6bc4;
  --colorSky40: #0054a6;
  --colorSky30: #004591;
  --colorSky20: #00367a;
  --colorSky10: #002863;
  --colorWildfire100: #fae7cd;
  --colorWildfire90: #ffd3a1;
  --colorWildfire80: #fbb060;
  --colorWildfire70: #f69127;
  --colorWildfire60: #eb7500;
  --colorWildfire50: #ab4d00;
  --colorWildfire40: #8c3d00;
  --colorWildfire30: #782e00;
  --colorWildfire20: #662500;
  --colorWildfire10: #4f1a00;
  --colorOcean100: #e0f5f3;
  --colorOcean90: #bdebe8;
  --colorOcean80: #75d2cc;
  --colorOcean70: #49c1bb;
  --colorOcean60: #1ea8a1;
  --colorOcean50: #067a78;
  --colorOcean40: #046666;
  --colorOcean30: #035154;
  --colorOcean20: #004047;
  --colorOcean10: #002e33;
  --colorTwilight100: #f5ebff;
  --colorTwilight90: #e8d0fd;
  --colorTwilight80: #dfbdff;
  --colorTwilight70: #d09cff;
  --colorTwilight60: #b969ff;
  --colorTwilight50: #913ad7;
  --colorTwilight40: #7d24bf;
  --colorTwilight30: #68159f;
  --colorTwilight20: #510c78;
  --colorTwilight10: #37064f;
  --colorAlgae100: #eafcd2;
  --colorAlgae90: #b6ed8e;
  --colorAlgae80: #72ca34;
  --colorAlgae70: #54b514;
  --colorAlgae60: #3da000;
  --colorAlgae50: #2b7500;
  --colorAlgae40: #206100;
  --colorAlgae30: #184f00;
  --colorAlgae20: #103d00;
  --colorAlgae10: #0a2900;
  --colorSunlight100: #ffffcc;
  --colorSunlight90: #fffa94;
  --colorSunlight80: #fdeb1b;
  --colorSunlight70: #f0d700;
  --colorSunlight60: #c9b200;
  --colorSunlight50: #857100;
  --colorSunlight40: #6b5900;
  --colorSunlight30: #594600;
  --colorSunlight20: #473700;
  --colorSunlight10: #382b00;
  --colorHeatwave100: #ffebed;
  --colorHeatwave90: #ffcfd1;
  --colorHeatwave80: #ff99a0;
  --colorHeatwave70: #fc5f6a;
  --colorHeatwave60: #f82b37;
  --colorHeatwave50: #d61720;
  --colorHeatwave40: #b4070f;
  --colorHeatwave30: #930005;
  --colorHeatwave20: #610003;
  --colorHeatwave10: #380001;
  --colorWarningYellow100: #fdffdb;
  --colorWarningYellow90: #faff8c;
  --colorWarningYellow80: #fcff40;
  --colorWarningYellow70: #dcdc00;
  --colorWarningYellow60: #9e9600;
  --colorWarningYellow50: #857500;
  --colorWarningYellow40: #7d6e00;
  --colorWarningYellow30: #705f00;
  --colorWarningYellow20: #6b5600;
  --colorWarningYellow10: #5e4a00;
  --colorWarningOrange100: #fff3eb;
  --colorWarningOrange90: #ffe1cf;
  --colorWarningOrange80: #ffbd99;
  --colorWarningOrange70: #fc915f;
  --colorWarningOrange60: #f8652b;
  --colorWarningOrange50: #cb3e0b;
  --colorWarningOrange40: #b63007;
  --colorWarningOrange30: #9e2200;
  --colorWarningOrange20: #7a1800;
  --colorWarningOrange10: #4d0e00;
  --colorWarningRed100: #ffebec;
  --colorWarningRed90: #ffcfd4;
  --colorWarningRed80: #ff99a7;
  --colorWarningRed70: #fc5f79;
  --colorWarningRed60: #fc3c63;
  --colorWarningRed50: #d51847;
  --colorWarningRed40: #bb073a;
  --colorWarningRed30: #93002f;
  --colorWarningRed20: #61001f;
  --colorWarningRed10: #47001a;
  --colorZenith: #0d1921;
  --colorNadir: #ffffff;
}
:root * {
  outline: none;
  box-sizing: border-box;
  transition: background-color var(--transition-time), border-color var(--transition-time);
}
:root a {
  text-decoration: none;
}
:root dialog {
  transition: all 0.3s linear;
}

.FbRu3XfEjtqiLa_65zQN {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  transition: var(--bg-and-typocolor-animation);
}
.FbRu3XfEjtqiLa_65zQN:hover {
  background-color: var(--color-sky-10);
  transition: var(--bg-and-typocolor-animation);
}
.FbRu3XfEjtqiLa_65zQN.xO7P0sz5vaSHEwJdMEQo {
  background-color: var(--color-sky-10);
  transition: var(--bg-and-typocolor-animation);
}
.FbRu3XfEjtqiLa_65zQN.xO7P0sz5vaSHEwJdMEQo:hover {
  background-color: var(--color-sky-20);
  transition: var(--bg-and-typocolor-animation);
}

.Xk2hQ4S3xfkT2BhB0swk {
  text-decoration: none !important;
  color: var(--color-cloud-100) !important;
}
.Xk2hQ4S3xfkT2BhB0swk[aria-current=page] {
  background-color: var(--color-sky-10);
  transition: var(--bg-and-typocolor-animation);
}
.Xk2hQ4S3xfkT2BhB0swk[aria-current=page]:hover {
  background-color: var(--color-sky-20);
  transition: var(--bg-and-typocolor-animation);
}

.ivvjORilIJCXfQrX6O5T {
  display: none;
}

.t7bJT5phllFR9jvaXK5M {
  position: absolute;
  right: 0;
  left: 0;
  padding: 2rem 0 0.5rem;
  background-color: var(--color-cloud-10);
  transition: var(--bg-and-typocolor-animation);
  z-index: 999;
  max-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.t7bJT5phllFR9jvaXK5M::-webkit-scrollbar {
  display: none;
}

.vs1v_Lu64N4gumNaiIne {
  max-width: 80rem;
  margin: 0 auto;
}
@media screen and (min-width: 64.0625rem) {
  .vs1v_Lu64N4gumNaiIne {
    padding-right: var(--desktop-side-spacing);
    padding-left: var(--desktop-side-spacing);
  }
}
@media screen and (max-width: 64rem) and (min-width: 48rem) {
  .vs1v_Lu64N4gumNaiIne {
    padding-right: var(--tablet-side-spacing);
    padding-left: var(--tablet-side-spacing);
  }
}

.a0V4WVqAjRCLNxqiiOKv {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 2rem;
  align-items: center;
}
.a0V4WVqAjRCLNxqiiOKv button {
  letter-spacing: 0;
}

.dDcrsQ4ddi8uAh2bqyKd a {
  margin-right: 1rem;
}
.dDcrsQ4ddi8uAh2bqyKd svg {
  margin-right: 0;
}

.OAIfgmC5q3Af05w2qYDu {
  flex-flow: wrap;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/SubMenuItems/App.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.GzaiTcdKYJX5HwfUA6SN {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 80rem) {
  .GzaiTcdKYJX5HwfUA6SN {
    width: calc(20% - 1.5rem);
  }
}
@media (max-width: 79.9375rem) {
  .GzaiTcdKYJX5HwfUA6SN {
    width: calc(33.3333333333% - 1.5rem);
  }
}
.GzaiTcdKYJX5HwfUA6SN a:focus-visible {
  outline: var(--env-focus-size) solid var(--env-focus-outline-color);
  outline-offset: var(--env-focus-offset);
}

.zu5keW7orjcidZaMBJWc {
  text-decoration: none;
}
.zu5keW7orjcidZaMBJWc:hover, .zu5keW7orjcidZaMBJWc[aria-current=page] {
  color: var(--color-sky-70);
  border-color: var(--color-sky-70);
}
.zu5keW7orjcidZaMBJWc:hover:hover, .zu5keW7orjcidZaMBJWc[aria-current=page]:hover {
  color: var(--color-sky-80);
  border-color: var(--color-sky-80);
}

.EpuOmzZQ_osyl6TrXcHZ {
  margin: 0;
  padding: 0;
}
.EpuOmzZQ_osyl6TrXcHZ li {
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
}
.EpuOmzZQ_osyl6TrXcHZ li a[aria-current=page] {
  color: var(--color-sky-70);
}
.EpuOmzZQ_osyl6TrXcHZ li a[aria-current=page]:hover {
  color: var(--color-sky-80);
}

.LmLnlss8Nd8BUBqOKJg_ {
  color: var(--color-sky-60);
  background-color: transparent;
  text-decoration: underline;
  border: 0;
  padding: 0.25rem 0;
  cursor: pointer;
}
.LmLnlss8Nd8BUBqOKJg_ svg {
  margin-right: 0;
}
.LmLnlss8Nd8BUBqOKJg_:focus-visible {
  outline: var(--env-focus-size) solid var(--env-focus-outline-color);
  outline-offset: var(--env-focus-offset);
}