:export {
  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;
  colorZenith: #ffffff;
  colorNadir: #0d1921;
}

:export {
  fontFamilyNormal: var(--font-normal);
  fontFamilyHeading: var(--font-heading);
  fontFamilyMono: var(--font-mono);
}

/** CSS variables for Envision */
.smhi-aurora-theme {
  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;
  font-family: var(--font-normal);
  --env-font-family: var(--font-normal);
  --env-smhi-font-family: var(--font-heading);
  --env-alert-background-color: var(--colorZenith);
  --env-alert-border-radius: var(--env-border-radius);
  --env-alert-font-color: var(--env-font-color);
  --env-alert-font-family: var(--env-font-family);
  --env-background-color: var(--colorZenith);
  --env-badge-border-radius: 1.25rem;
  --env-badge-font-family: var(--env-font-family);
  --env-badge-font-size: var(--env-font-size-small);
  --env-block-background-color: var(--colorZenith);
  --env-block-border-color: var(--colorCloud30);
  --env-block-font-color: var(--colorCloud100);
  --env-block-link-font-color: var(--env-link-font-color);
  --env-block-link-hover-font-color: var(--env-link-hover-font-color);
  --env-block-link-hover-text-decoration: var(
     --env-link-hover-text-decoration
  );
  --env-block-link-text-decoration: var(--env-link-text-decoration);
  --env-block-primary-background-color: var(--colorZenith);
  --env-block-primary-border-color: var(--colorCloud30);
  --env-block-primary-font-color: var(--colorCloud100);
  --env-block-primary-link-font-color: var(--env-link-font-color);
  --env-block-primary-link-hover-font-color: var(--env-link-hover-font-color);
  --env-block-primary-link-hover-text-decoration: var(
     --env-link-hover-text-decoration
  );
  --env-block-primary-link-text-decoration: var(--env-link-text-decoration);
  --env-block-secondary-background-color: #472975;
  --env-block-secondary-border-color: #472975;
  --env-block-secondary-font-color: #ffb5d4;
  --env-block-secondary-link-font-color: #ffb5d4;
  --env-block-secondary-link-hover-font-color: #ffb5d4;
  --env-block-secondary-link-hover-text-decoration: underline;
  --env-block-secondary-link-text-decoration: underline;
  --env-border-color-light: var(--colorCloud30);
  --env-border-color: var(--colorCloud40);
  --env-border-danger-color: var(--colorHeatwave60);
  --env-border-radius: 0.125em;
  --env-border-radius-large: calc(var(--env-border-radius) * 1.5);
  --env-border-radius-medium: var(--env-border-radius);
  --env-border-radius-small: calc(var(--env-border-radius) * 0.5);
  --env-border-success-color: var(--colorAlgae60);
  --env-border-warning-color: var(--colorSunlight60);
  --env-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
  --env-breadcrumb-divider-color: var(--colorCloud100);
  --env-button-border-radius: var(--env-border-radius);
  --env-button-font-family: var(--env-font-family);
  --env-cardholder-column-max-width: 400px;
  --env-cardholder-column-min-width: 240px;
  --env-cardholder-column-spacing: var(--env-spacing-medium);
  --env-cardholder-grid-column-width: 20em;
  --env-cardholder-grid-gap: var(--env-spacing-medium);
  --env-collapse-background-color: var(--fillColor);
  --env-collapse-border-color: var(--borderColorSecondary);
  --env-collapse-border-style: solid;
  --env-collapse-border-width: 1px;
  --env-collapse-expanded-background-color: var(
     --env-collapse-background-color
  );
  --env-collapse-expanded-border-color: var(--env-collapse-border-color);
  --env-collapse-icon-color: var(--env-font-color);
  --env-collapse-icon-height: 3px;
  --env-collapse-icon-width: 15px;
  --env-collapse-toggle-duration: 0;
  --env-color-base: var(--colorNadir);
  --env-color-brand-dark: var(--env-element-primary-background-color-dark);
  --env-color-brand-light: var(--env-element-primary-background-color-light);
  --env-color-brand: var(--env-element-primary-background-color);
  --env-color-danger: var(--env-element-danger-background-color);
  --env-color-dark: var(--colorCloud80);
  --env-color-darker: var(--colorCloud100);
  --env-color-element-bg: var(--colorZenith);
  --env-color-hover: var(--colorCloud10);
  --env-color-info: var(--env-element-info-background-color);
  --env-color-light: #999999;
  --env-color-lighter: #cccccc;
  --env-color-lightest: #e6e6e6;
  --env-color-normal: #666666;
  --env-color-page-bg: #ffffff;
  --env-color-success: var(--env-element-success-background-color);
  --env-color-warning-dark: var(--env-element-warning-background-color-dark);
  --env-color-warning: var(--env-element-warning-background-color);
  --env-element-background-color-dark: var(--colorCloud70);
  --env-element-background-color-light: var(--colorCloud50);
  --env-element-background-color: var(--colorCloud60);
  --env-element-common-background-color: var(--colorCloud10);
  --env-element-danger-background-color-dark: var(--colorHeatwave70);
  --env-element-danger-background-color-light: var(--colorHeatwave50);
  --env-element-danger-background-color: var(--colorHeatwave60);
  --env-element-danger-font-color: var(--colorZenith);
  --env-element-font-color: var(--colorZenith);
  --env-element-info-background-color-dark: var(--colorOcean70);
  --env-element-info-background-color-light: var(--colorOcean50);
  --env-element-info-background-color: var(--colorOcean60);
  --env-element-info-font-color: var(--colorZenith);
  --env-element-primary-background-color-dark: var(--colorSky70);
  --env-element-primary-background-color-light: var(--colorSky50);
  --env-element-primary-background-color: var(--colorSky60);
  --env-element-primary-font-color: var(--colorZenith);
  --env-element-secondary-background-color-dark: var(--colorWildfire70);
  --env-element-secondary-background-color-light: var(--colorWildfire50);
  --env-element-secondary-background-color: var(--colorWildfire60);
  --env-element-secondary-font-color: var(--colorZenith);
  --env-element-success-background-color-dark: var(--colorAlgae70);
  --env-element-success-background-color-light: var(--colorAlgae50);
  --env-element-success-background-color: var(--colorAlgae60);
  --env-element-success-font-color: var(--colorZenith);
  --env-element-warning-background-color-dark: var(--colorSunlight70);
  --env-element-warning-background-color-light: var(--colorSunlight50);
  --env-element-warning-background-color: var(--colorSunlight60);
  --env-element-warning-font-color: var(--colorZenith);
  --env-focus-background-color: none;
  --env-focus-box-shadow: none;
  --env-focus-color: var(--focusOutlineColor);
  --env-focus-inner-color: var(--env-section-background-color);
  --env-focus-offset: calc(-1 * var(--focus-border-width));
  --env-focus-outline-color: var(--focusOutlineColor);
  --env-focus-outline: var(--focus-border);
  --env-focus-size: var(--focus-border-width);
  --env-font-color-invert: #ffffff;
  --env-font-color-light: #34394f;
  --env-font-color-lighter: #49506d;
  --env-font-color-muted: hsla(232, 19%, 16%, 0.65);
  --env-font-color: var(--colorCloud100);
  --env-font-family: "Noto Sans", Verdana, Arial, sans-serif;
  --env-font-size-base: inherit;
  --env-font-size-large: inherit;
  --env-font-size-medium: inherit;
  --env-font-size-small: inherit;
  --env-font-size-x-large: inherit;
  --env-font-size-x-small: inherit;
  --env-font-size-xx-large: inherit;
  --env-font-size-xxx-large: inherit;
  --env-font-size-xxxx-large: inherit;
  --env-form-font-family: var(--env-font-family);
  --env-form-input-background-color: var(--env-section-background-color);
  --env-form-input-border-color: var(--colorCloud30);
  --env-form-input-border-radius: var(--env-border-radius-medium);
  --env-form-input-font-color: var(--env-font-color);
  --env-form-label-font-family: var(--env-font-family);
  --env-form-label-font-weight: 700;
  --env-image-control-color: #ffffff;
  --env-link-font-color: var(--colorSky60);
  --env-link-hover-font-color: var(--colorSky70);
  --env-link-hover-text-decoration: underline;
  --env-link-secondary-font-color: var(--env-font-color);
  --env-link-secondary-hover-font-color: var(--env-link-font-color);
  --env-link-secondary-hover-text-decoration: var(
     --env-link-hover-text-decoration
  );
  --env-link-secondary-text-decoration: var(--env-link-text-decoration);
  --env-link-text-decoration: underline;
  --env-modal-backdrop-background-color: #000;
  --env-modal-backdrop-opacity: 0.5;
  --env-modal-large-width: 900px;
  --env-modal-medium-width: 450px;
  --env-modal-small-width: 300px;
  --env-pagination-border-style: solid;
  --env-pagination-border-width: 1px;
  --env-pagination-font-family: var(--env-font-family);
  --env-popover-width: 360px;
  --env-profile-image-border-radius: 50%;
  --env-progress-bar-poll-highlight-color: #4bc5f5;
  --env-section-background-color: #ffffff;
  --env-spacing-large: 2rem;
  --env-spacing-medium: 1.5rem;
  --env-spacing-small: 1rem;
  --env-spacing-x-large: 3rem;
  --env-spacing-x-small: 0.5rem;
  --env-spacing-xx-large: 4rem;
  --env-spacing-xx-small: 0.25rem;
  --env-spacing-xxx-large: 4rem;
  --env-spacing-xxx-small: 0.25rem;
  --env-spinner-color: var(--colorSky60);
  --env-tooltip-background-color: var(--Zenith);
  --env-tooltip-border-radius: var(--env-border-radius);
  --env-tooltip-font-color: var(--colorCloud100);
  --env-tooltip-font-family: var(--env-font-family);
  --env-tooltip-font-size: 1rem;
  --env-tooltip-font-weight: 400;
  --env-ui-color-brand-05-contrast: #12212b;
  --env-ui-color-brand-05: var(--colorSky10);
  --env-ui-color-brand-10-contrast: #12212b;
  --env-ui-color-brand-10: var(--colorSky10);
  --env-ui-color-brand-100-contrast: var(--colorZenith);
  --env-ui-color-brand-100: #002863;
  --env-ui-color-brand-15-contrast: #12212b;
  --env-ui-color-brand-15: var(--colorSky20);
  --env-ui-color-brand-20-contrast: #12212b;
  --env-ui-color-brand-20: var(--colorSky20);
  --env-ui-color-brand-25-contrast: #12212b;
  --env-ui-color-brand-25: var(--colorSky30);
  --env-ui-color-brand-30-contrast: #12212b;
  --env-ui-color-brand-30: var(--colorSky30);
  --env-ui-color-brand-35-contrast: #12212b;
  --env-ui-color-brand-35: var(--colorSky40);
  --env-ui-color-brand-40-contrast: #12212b;
  --env-ui-color-brand-40: var(--colorSky40);
  --env-ui-color-brand-45-contrast: #12212b;
  --env-ui-color-brand-45: var(--colorSky50);
  --env-ui-color-brand-50-contrast: #12212b;
  --env-ui-color-brand-50: var(--colorSky50);
  --env-ui-color-brand-55-contrast: var(--colorZenith);
  --env-ui-color-brand-55: var(--colorSky60);
  --env-ui-color-brand-60-contrast: var(--colorZenith);
  --env-ui-color-brand-60: var(--colorSky60);
  --env-ui-color-brand-65-contrast: var(--colorZenith);
  --env-ui-color-brand-65: var(--colorSky70);
  --env-ui-color-brand-70-contrast: var(--colorZenith);
  --env-ui-color-brand-70: var(--colorSky70);
  --env-ui-color-brand-75-contrast: var(--colorZenith);
  --env-ui-color-brand-75: var(--colorSky80);
  --env-ui-color-brand-80-contrast: var(--colorZenith);
  --env-ui-color-brand-80: var(--colorSky80);
  --env-ui-color-brand-85-contrast: var(--colorZenith);
  --env-ui-color-brand-85: var(--colorSky90);
  --env-ui-color-brand-90-contrast: var(--colorZenith);
  --env-ui-color-brand-90: var(--colorSky90);
  --env-ui-color-brand-95-contrast: var(--colorZenith);
  --env-ui-color-brand-95: #002863;
  --env-ui-color-brand-contrast: var(--colorZenith);
  --env-ui-color-brand-dark: hsla(263.7, 48.1%, 23%, 1);
  --env-ui-color-brand: var(--colorSky60);
  --env-ui-color-status-active-contrast: var(--colorZenith);
  --env-ui-color-status-active-text: var(--colorSky60);
  --env-ui-color-status-active: var(--colorSky60);
  --env-ui-color-status-error-contrast: var(--colorZenith);
  --env-ui-color-status-error-text: var(--colorHeatwave60);
  --env-ui-color-status-error: var(--colorHeatwave60);
  --env-ui-color-status-attention-contrast: var(--colorZenith);
  --env-ui-color-status-attention-text: var(--colorSunlight60);
  --env-ui-color-status-attention: var(--colorSunlight60);
  --env-ui-color-status-neutral-contrast: var(--colorCloud100);
  --env-ui-color-status-neutral: var(--colorZenith);
  --env-ui-text-caption-font-color: var(--colorCloud100);
  --env-ui-text-caption-font-family: var(--env-font-family);
  --env-ui-text-caption-font-size: 1rem;
  --env-ui-text-caption-font-weight: 400;
  --env-ui-text-caption-letter-spacing: normal;
  --env-ui-text-caption-text-transform: none;
  --env-ui-text-heading-font-color: var(--env-font-color);
  --env-ui-text-heading-font-family: var(--env-smhi-font-family);
  --env-ui-text-heading-font-size: 1.82em;
  --env-ui-text-heading-font-weight: 600;
  --env-ui-text-heading-letter-spacing: normal;
  --env-ui-text-heading-text-transform: none;
  --env-ui-text-overline-font-color: var(--colorCloud100);
  --env-ui-text-overline-font-family: var(--env-font-family);
  --env-ui-text-overline-font-size: 0.75em;
  --env-ui-text-overline-font-weight: 400;
  --env-ui-text-overline-letter-spacing: 0.15em;
  --env-ui-text-overline-text-transform: uppercase;
  --env-ui-text-sectionheading-font-color: var(--colorCloud100);
  --env-ui-text-sectionheading-font-family: var(--env-smhi-font-family);
  --env-ui-text-sectionheading-font-size: 1.25em;
  --env-ui-text-sectionheading-font-weight: 500;
  --env-ui-text-sectionheading-letter-spacing: normal;
  --env-ui-text-sectionheading-text-transform: none;
  --env-ui-text-subheading-font-color: var(--env-font-color);
  --env-ui-text-subheading-font-family: var(--env-smhi-font-family);
  --env-ui-text-subheading-font-size: 1.125rem;
  --env-ui-text-subheading-font-weight: 400;
  --env-ui-text-subheading-letter-spacing: normal;
  --env-ui-text-subheading-text-transform: none;
}
.smhi-aurora-theme .env-badge {
  min-width: 0.5rem;
  border-radius: 0.75rem;
  display: inline-block;
  text-align: center;
  padding: 0 0.5rem;
  font-family: var(--font-normal);
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  outline: none;
  text-decoration: none !important;
  margin-left: var(--marginSDefault);
  box-shadow: var(--shadow1);
}
.smhi-aurora-theme .env-badge.badgeInformative {
  border: var(--border-width) solid var(--colorCloud40);
  color: var(--colorCloud70);
  line-height: 1.375rem;
  padding: 0 0.375rem;
  background-color: var(--colorZenith);
}
.smhi-aurora-theme .env-badge.badgeAnnouncement {
  border-radius: 0.75rem;
  background-color: var(--colorCloud100);
  color: var(--colorZenith);
}
.smhi-aurora-theme .env-badge.badgeNotification {
  border-radius: 0.75rem;
  background-color: var(--colorHeatwave60);
  color: var(--colorZenith);
  z-index: 3;
}
.smhi-aurora-theme .env-badge--neutral {
  border: var(--border-width) solid var(--colorCloud40);
  color: var(--colorCloud70);
  line-height: 1.375rem;
  padding: 0 0.375rem;
  background-color: var(--colorZenith);
}
.smhi-aurora-theme .env-button {
  font-family: var(--font-normal);
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0.03rem;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: var(--border-radius);
  cursor: pointer;
  outline: none;
  transition: color var(--transition-time), background-color var(--transition-time), border-color var(--transition-time);
  vertical-align: middle;
  display: inline-flex;
  outline: none;
  white-space: nowrap;
  margin: 0;
  min-height: 3rem;
}
.smhi-aurora-theme .env-button.buttonWide {
  display: block;
  flex: 1;
  width: 100%;
}
.smhi-aurora-theme .env-button.buttonIconOnly.buttonRound {
  border-radius: 50% !important;
}
.smhi-aurora-theme .env-button.buttonIconOnly.buttonRound:after {
  border-radius: 50% !important;
}
.smhi-aurora-theme .env-button.buttonIconOnly :global(.auIcon) {
  margin-left: 0;
  margin-right: 0;
}
.smhi-aurora-theme .env-button.buttonIconLeft :global(.auIcon) {
  margin-left: 0;
}
.smhi-aurora-theme .env-button.buttonIconRight :global(.auIcon) {
  margin-right: 0;
}
.smhi-aurora-theme .env-button.buttonPrimary {
  color: var(--colorZenith);
  background-color: var(--colorSky60);
  border: var(--border-width) solid var(--borderColor);
  border-radius: var(--border-radius);
}
.smhi-aurora-theme .env-button.buttonPrimary + .button {
  margin-left: var(--marginXxsDefault);
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme .env-button.buttonPrimary + .button {
    margin-left: var(--marginXsDefault);
  }
}
.smhi-aurora-theme .env-button.buttonPrimary.small {
  border: none;
  padding: var(--padding-s-no-border);
}
.smhi-aurora-theme .env-button.buttonPrimary.medium {
  border: none;
  padding: var(--padding-no-border);
}
.smhi-aurora-theme .env-button.buttonPrimary.large {
  border: none;
  padding: var(--padding-xl-no-border);
}
.smhi-aurora-theme .env-button.buttonPrimary.floating {
  box-shadow: var(--shadow2);
  border-color: var(--borderColorSecondary);
}
.smhi-aurora-theme .env-button.buttonPrimary:focus-visible:not(:disabled):not(.disabled) {
  outline: var(--focus-border-inset);
  outline-offset: calc(-2 * var(--focus-border-width));
}
.smhi-aurora-theme .env-button.buttonPrimary:hover:not(:disabled):not(.disabled) {
  background-color: var(--colorSky70);
  border-color: var(--colorSky70);
}
.smhi-aurora-theme .env-button.buttonPrimary:active:not(:disabled):not(.disabled) {
  color: var(--colorZenith);
  background-color: var(--colorSky80);
  border-color: var(--colorSky80);
}
.smhi-aurora-theme .env-button.buttonPrimary:disabled, .smhi-aurora-theme .env-button.buttonPrimary.disabled {
  color: var(--colorZenith);
  background-color: var(--colorCloud40);
  border-color: var(--colorCloud40);
  border-color: var(--disabledBorderColor);
  cursor: default;
}
.smhi-aurora-theme .env-button.buttonPrimary.selected {
  color: var(--colorZenith);
  background-color: var(--colorSky60);
  border-color: var(--colorSky60);
}
.smhi-aurora-theme .env-button.buttonPrimary.selected:hover:not(:disabled):not(.disabled) {
  background-color: var(--colorSky80);
  border-color: var(--colorSky80);
}
.smhi-aurora-theme .env-button.buttonPrimary.selected:active:not(:disabled):not(.disabled) {
  background-color: var(--colorSky90);
  border-color: var(--colorSky90);
}
.smhi-aurora-theme .env-button.buttonPrimary.selected:disabled, .smhi-aurora-theme .env-button.buttonPrimary.selected.disabled {
  color: var(--colorZenith);
  background-color: var(--colorCloud40);
  border-color: var(--colorCloud40);
}
.smhi-aurora-theme .env-button.buttonPrimary.buttonIconOnly.small {
  padding: var(--padding-s-no-border);
}
.smhi-aurora-theme .env-button.buttonPrimary.buttonIconOnly.small :global(.auIcon24) {
  margin-left: 0;
}
.smhi-aurora-theme .env-button.buttonPrimary.buttonIconOnly.medium {
  padding: var(--padding-s-no-border);
}
.smhi-aurora-theme .env-button.buttonPrimary.buttonIconOnly.medium :global(.auIcon24) {
  margin: 0.25rem;
}
.smhi-aurora-theme .env-button.buttonPrimary.buttonIconOnly.large {
  padding: 0.75rem;
}
.smhi-aurora-theme .env-button.buttonPrimary.transparent {
  background-color: transparent;
}
.smhi-aurora-theme .env-button.buttonSecondary {
  color: var(--textColor);
  background-color: var(--fillColor);
  border: var(--border-width) solid var(--borderColor);
  border-radius: var(--border-radius);
}
.smhi-aurora-theme .env-button.buttonSecondary + .button {
  margin-left: var(--marginXxsDefault);
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme .env-button.buttonSecondary + .button {
    margin-left: var(--marginXsDefault);
  }
}
.smhi-aurora-theme .env-button.buttonSecondary.small {
  border-color: var(--borderColor);
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonSecondary.medium {
  border-color: var(--borderColor);
  padding: var(--padding);
}
.smhi-aurora-theme .env-button.buttonSecondary.large {
  border-color: var(--borderColor);
  padding: var(--padding-xl);
}
.smhi-aurora-theme .env-button.buttonSecondary.floating {
  box-shadow: var(--shadow2);
  border-color: var(--borderColorSecondary);
}
.smhi-aurora-theme .env-button.buttonSecondary:focus-visible:not(:disabled):not(.disabled) {
  outline: var(--focus-border);
  outline-offset: calc(-1 * var(--focus-border-width));
}
.smhi-aurora-theme .env-button.buttonSecondary:hover:not(:disabled):not(.disabled) {
  background-color: var(--hoverFillColor);
}
.smhi-aurora-theme .env-button.buttonSecondary:active:not(:disabled):not(.disabled) {
  color: var(--textColor);
  background-color: var(--activeFillColor);
}
.smhi-aurora-theme .env-button.buttonSecondary:disabled, .smhi-aurora-theme .env-button.buttonSecondary.disabled {
  color: var(--disabledTextColor);
  background-color: var(--disabledFillColor);
  border-color: var(--disabledBorderColor);
  cursor: default;
}
.smhi-aurora-theme .env-button.buttonSecondary.selected {
  color: var(--textColor);
  background-color: var(--selectedFillColor);
}
.smhi-aurora-theme .env-button.buttonSecondary.selected:hover:not(:disabled):not(.disabled) {
  background-color: var(--selectedHoverFillColor);
}
.smhi-aurora-theme .env-button.buttonSecondary.selected:active:not(:disabled):not(.disabled) {
  background-color: var(--selectedActiveFillColor);
}
.smhi-aurora-theme .env-button.buttonSecondary.selected:disabled, .smhi-aurora-theme .env-button.buttonSecondary.selected.disabled {
  color: var(--disabledTextColor);
  background-color: var(--disabledFillColor);
}
.smhi-aurora-theme .env-button.buttonSecondary.buttonIconOnly.small {
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonSecondary.buttonIconOnly.small :global(.auIcon24) {
  margin-left: 0;
}
.smhi-aurora-theme .env-button.buttonSecondary.buttonIconOnly.medium {
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonSecondary.buttonIconOnly.medium :global(.auIcon24) {
  margin: 0.25rem;
}
.smhi-aurora-theme .env-button.buttonSecondary.buttonIconOnly.large {
  padding: calc(0.75rem - var(--border-width));
}
.smhi-aurora-theme .env-button.buttonSecondary.transparent {
  background-color: transparent;
}
.smhi-aurora-theme .env-button.buttonTertiary {
  color: var(--textColor);
  background-color: transparent;
  border: var(--border-width) solid transparent;
  border-radius: var(--border-radius);
}
.smhi-aurora-theme .env-button.buttonTertiary + .button {
  margin-left: var(--marginXxsDefault);
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme .env-button.buttonTertiary + .button {
    margin-left: var(--marginXsDefault);
  }
}
.smhi-aurora-theme .env-button.buttonTertiary.small {
  border-color: transparent;
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonTertiary.medium {
  border-color: transparent;
  padding: var(--padding);
}
.smhi-aurora-theme .env-button.buttonTertiary.large {
  border-color: transparent;
  padding: var(--padding-xl);
}
.smhi-aurora-theme .env-button.buttonTertiary.floating {
  box-shadow: var(--shadow2);
  border-color: var(--borderColorSecondary);
}
.smhi-aurora-theme .env-button.buttonTertiary:focus-visible:not(:disabled):not(.disabled) {
  outline: var(--focus-border);
  outline-offset: calc(-1 * var(--focus-border-width));
}
.smhi-aurora-theme .env-button.buttonTertiary:hover:not(:disabled):not(.disabled) {
  background-color: var(--hoverFillColor);
}
.smhi-aurora-theme .env-button.buttonTertiary:active:not(:disabled):not(.disabled) {
  color: var(--textColor);
  background-color: var(--activeFillColor);
}
.smhi-aurora-theme .env-button.buttonTertiary:disabled, .smhi-aurora-theme .env-button.buttonTertiary.disabled {
  color: var(--disabledTextColor);
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}
.smhi-aurora-theme .env-button.buttonTertiary.selected {
  color: var(--textColor);
  background-color: var(--selectedFillColor);
}
.smhi-aurora-theme .env-button.buttonTertiary.selected:hover:not(:disabled):not(.disabled) {
  background-color: var(--selectedHoverFillColor);
}
.smhi-aurora-theme .env-button.buttonTertiary.selected:active:not(:disabled):not(.disabled) {
  background-color: var(--selectedActiveFillColor);
}
.smhi-aurora-theme .env-button.buttonTertiary.selected:disabled, .smhi-aurora-theme .env-button.buttonTertiary.selected.disabled {
  color: var(--disabledTextColor);
  background-color: transparent;
}
.smhi-aurora-theme .env-button.buttonTertiary.buttonIconOnly.small {
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonTertiary.buttonIconOnly.small :global(.auIcon24) {
  margin-left: 0;
}
.smhi-aurora-theme .env-button.buttonTertiary.buttonIconOnly.medium {
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonTertiary.buttonIconOnly.medium :global(.auIcon24) {
  margin: 0.25rem;
}
.smhi-aurora-theme .env-button.buttonTertiary.buttonIconOnly.large {
  padding: calc(0.75rem - var(--border-width));
}
.smhi-aurora-theme .env-button.buttonTertiary.transparent {
  background-color: transparent;
}
.smhi-aurora-theme .env-button.buttonQuaternary {
  color: var(--textColorCloud);
  background-color: transparent;
  border: var(--border-width) solid transparent;
  border-radius: var(--border-radius);
}
.smhi-aurora-theme .env-button.buttonQuaternary + .button {
  margin-left: var(--marginXxsDefault);
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme .env-button.buttonQuaternary + .button {
    margin-left: var(--marginXsDefault);
  }
}
.smhi-aurora-theme .env-button.buttonQuaternary.small {
  border-color: transparent;
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonQuaternary.medium {
  border-color: transparent;
  padding: var(--padding);
}
.smhi-aurora-theme .env-button.buttonQuaternary.large {
  border-color: transparent;
  padding: var(--padding-xl);
}
.smhi-aurora-theme .env-button.buttonQuaternary.floating {
  box-shadow: var(--shadow2);
  border-color: var(--borderColorSecondary);
}
.smhi-aurora-theme .env-button.buttonQuaternary:focus-visible:not(:disabled):not(.disabled) {
  outline: var(--focus-border);
  outline-offset: calc(-1 * var(--focus-border-width));
}
.smhi-aurora-theme .env-button.buttonQuaternary:hover:not(:disabled):not(.disabled) {
  background-color: var(--hoverFillColor);
}
.smhi-aurora-theme .env-button.buttonQuaternary:active:not(:disabled):not(.disabled) {
  color: var(--textColorCloud);
  background-color: var(--activeFillColor);
}
.smhi-aurora-theme .env-button.buttonQuaternary:disabled, .smhi-aurora-theme .env-button.buttonQuaternary.disabled {
  color: var(--disabledTextColor);
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}
.smhi-aurora-theme .env-button.buttonQuaternary.selected {
  color: var(--textColorCloud);
  background-color: var(--selectedFillColor);
}
.smhi-aurora-theme .env-button.buttonQuaternary.selected:hover:not(:disabled):not(.disabled) {
  background-color: var(--selectedHoverFillColor);
}
.smhi-aurora-theme .env-button.buttonQuaternary.selected:active:not(:disabled):not(.disabled) {
  background-color: var(--selectedActiveFillColor);
}
.smhi-aurora-theme .env-button.buttonQuaternary.selected:disabled, .smhi-aurora-theme .env-button.buttonQuaternary.selected.disabled {
  color: var(--disabledTextColor);
  background-color: transparent;
}
.smhi-aurora-theme .env-button.buttonQuaternary.buttonIconOnly.small {
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonQuaternary.buttonIconOnly.small :global(.auIcon24) {
  margin-left: 0;
}
.smhi-aurora-theme .env-button.buttonQuaternary.buttonIconOnly.medium {
  padding: var(--padding-s);
}
.smhi-aurora-theme .env-button.buttonQuaternary.buttonIconOnly.medium :global(.auIcon24) {
  margin: 0.25rem;
}
.smhi-aurora-theme .env-button.buttonQuaternary.buttonIconOnly.large {
  padding: calc(0.75rem - var(--border-width));
}
.smhi-aurora-theme .env-button.buttonQuaternary.transparent {
  background-color: transparent;
}
.smhi-aurora-theme .env-button.buttonCritical {
  color: var(--colorZenith);
  background-color: var(--colorHeatwave60);
  border: var(--border-width) solid var(--colorHeatwave60);
  border-radius: var(--border-radius);
}
.smhi-aurora-theme .env-button.buttonCritical + .button {
  margin-left: var(--marginXxsDefault);
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme .env-button.buttonCritical + .button {
    margin-left: var(--marginXsDefault);
  }
}
.smhi-aurora-theme .env-button.buttonCritical.small {
  border: none;
  padding: var(--padding-s-no-border);
}
.smhi-aurora-theme .env-button.buttonCritical.medium {
  border: none;
  padding: var(--padding-no-border);
}
.smhi-aurora-theme .env-button.buttonCritical.large {
  border: none;
  padding: var(--padding-xl-no-border);
}
.smhi-aurora-theme .env-button.buttonCritical.floating {
  box-shadow: var(--shadow2);
  border-color: var(--borderColorSecondary);
}
.smhi-aurora-theme .env-button.buttonCritical:focus-visible:not(:disabled):not(.disabled) {
  outline: var(--focus-border-inset);
  outline-offset: calc(-2 * var(--focus-border-width));
}
.smhi-aurora-theme .env-button.buttonCritical:hover:not(:disabled):not(.disabled) {
  background-color: var(--colorHeatwave70);
  border-color: var(--colorHeatwave70);
}
.smhi-aurora-theme .env-button.buttonCritical:active:not(:disabled):not(.disabled) {
  color: var(--colorZenith);
  background-color: var(--colorHeatwave80);
  border-color: var(--colorHeatwave80);
}
.smhi-aurora-theme .env-button.buttonCritical:disabled, .smhi-aurora-theme .env-button.buttonCritical.disabled {
  color: var(--colorZenith);
  background-color: var(--colorCloud40);
  border-color: var(--colorCloud40);
  border-color: var(--disabledBorderColor);
  cursor: default;
}
.smhi-aurora-theme .env-button.buttonCritical.selected {
  color: var(--colorZenith);
  background-color: var(--colorHeatwave60);
  border-color: var(--colorHeatwave60);
}
.smhi-aurora-theme .env-button.buttonCritical.selected:hover:not(:disabled):not(.disabled) {
  background-color: var(--colorHeatwave80);
  border-color: var(--colorHeatwave80);
}
.smhi-aurora-theme .env-button.buttonCritical.selected:active:not(:disabled):not(.disabled) {
  background-color: var(--colorHeatwave90);
  border-color: var(--colorHeatwave90);
}
.smhi-aurora-theme .env-button.buttonCritical.selected:disabled, .smhi-aurora-theme .env-button.buttonCritical.selected.disabled {
  color: var(--colorZenith);
  background-color: var(--colorCloud40);
  border-color: var(--colorCloud40);
}
.smhi-aurora-theme .env-button.buttonCritical.buttonIconOnly.small {
  padding: var(--padding-s-no-border);
}
.smhi-aurora-theme .env-button.buttonCritical.buttonIconOnly.small :global(.auIcon24) {
  margin-left: 0;
}
.smhi-aurora-theme .env-button.buttonCritical.buttonIconOnly.medium {
  padding: var(--padding-s-no-border);
}
.smhi-aurora-theme .env-button.buttonCritical.buttonIconOnly.medium :global(.auIcon24) {
  margin: 0.25rem;
}
.smhi-aurora-theme .env-button.buttonCritical.buttonIconOnly.large {
  padding: 0.75rem;
}
.smhi-aurora-theme .env-button.buttonCritical.transparent {
  background-color: transparent;
}
.smhi-aurora-theme .env-button--small,
.smhi-aurora-theme .env-button--slim {
  min-height: 2.5rem;
}
.smhi-aurora-theme .env-button--slim {
  padding: 0.25rem;
}
.smhi-aurora-theme .env-button--large {
  min-height: 3.5rem;
}
.smhi-aurora-theme .env-button-group .env-button:not(:last-of-type):not(:first-of-type) {
  border-radius: 0;
}
.smhi-aurora-theme .env-collapse-header {
  font-family: var(--font-normal);
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}
.smhi-aurora-theme .env-collapse-header .env-collapse-header--icons::before {
  display: inline-block;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  width: 10px;
  height: 10px;
  background-color: transparent;
  transform: rotate(225deg);
  top: calc(50% - 4px);
}
.smhi-aurora-theme .env-collapse-header .env-collapse-header--icons::after {
  content: none;
}
.smhi-aurora-theme [data-env-collapse]:not(.env-collapse--expanded) .env-collapse-header--icons::before {
  transform: rotate(45deg);
  top: calc(50% - 10px);
}
.smhi-aurora-theme .env-dropdown__menu {
  margin-top: 0.5rem !important;
}
.smhi-aurora-theme .env-form-input,
.smhi-aurora-theme .env-select__input,
.smhi-aurora-theme .env-form-select {
  min-height: 3rem;
}
.smhi-aurora-theme .env-form-select select:not([multiple]) {
  min-height: calc(3rem - 2px);
}
.smhi-aurora-theme .env-select__item {
  border-radius: 1.25rem;
  cursor: pointer;
  outline: none;
  transition: color var(--transition-time), background-color var(--transition-time), border-color var(--transition-time);
  vertical-align: middle;
  display: inline-flex;
  max-width: 100%;
  color: var(--textColor);
  background-color: transparent;
  border: var(--border-width) solid var(--colorCloud30);
  border-radius: 1.25rem;
  padding: calc(0.5rem - var(--border-width)) calc(1rem - var(--border-width));
  padding: 0 0 0 0.75rem;
  min-height: 2.375rem;
}
.smhi-aurora-theme .env-select__item + .pill {
  margin-left: var(--marginSDefault);
}
.smhi-aurora-theme .env-select__item .pillRemoveIcon {
  color: var(--textColor);
  background-color: transparent;
  border-radius: 50%;
  padding: 0.25rem;
  margin-left: 0.5rem;
  margin-right: -0.5rem;
}
.smhi-aurora-theme .env-select__item .pillRemoveIcon :global(.auIcon) {
  margin: 0;
  display: block;
}
.smhi-aurora-theme .env-select__item:focus-visible:not(:disabled):not(.disabled) {
  outline: var(--focus-border);
  outline-offset: calc(-1 * var(--focus-border-width));
}
.smhi-aurora-theme .env-select__item:hover:not(:disabled):not(.disabled) {
  background-color: var(--hoverFillColor);
  border-color: var(--borderColor);
}
.smhi-aurora-theme .env-select__item:active:not(:disabled):not(.disabled) {
  color: var(--textColor);
  background-color: var(--activeFillColor);
  border-color: var(--borderColor);
}
.smhi-aurora-theme .env-select__item:disabled, .smhi-aurora-theme .env-select__item.disabled {
  color: var(--disabledTextColor);
  background-color: var(--disabledFillColor);
  border-color: var(--borderColor);
  border: var(--border-width) solid var(--disabledBorderColor);
  cursor: default;
}
.smhi-aurora-theme .env-select__item:disabled .pillRemoveIcon, .smhi-aurora-theme .env-select__item.disabled .pillRemoveIcon {
  color: var(--disabledTextColor);
}
.smhi-aurora-theme .env-select__item.selected {
  color: var(--textColor);
  background-color: var(--selectedFillColor);
  border-color: var(--borderColor);
}
.smhi-aurora-theme .env-select__item.selected:hover:not(:disabled):not(.disabled) {
  background-color: var(--selectedHoverFillColor);
}
.smhi-aurora-theme .env-select__item.selected:active:not(:disabled):not(.disabled) {
  background-color: var(--selectedActiveFillColor);
}
.smhi-aurora-theme .env-select__item.selected:disabled, .smhi-aurora-theme .env-select__item.selected.disabled {
  color: var(--disabledTextColor);
  background-color: var(--disabledFillColor);
  border: var(--border-width) solid var(--disabledBorderColor);
}
.smhi-aurora-theme .env-select__item.floating {
  box-shadow: var(--shadow2);
  border-radius: 1.25rem;
}
.smhi-aurora-theme .env-select__item.notTransparent {
  background-color: var(--fillColor);
}
.smhi-aurora-theme .env-select__item .pillIcon :global(.auIcon) {
  margin: 0 0.5rem 0 -0.5rem;
}
.smhi-aurora-theme .env-select__item .pillLabel {
  font-family: var(--font-normal);
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smhi-aurora-theme .env-select__item .env-select__item__remove {
  color: var(--textColor);
  padding: 0 0.5rem;
  font-size: 1.5rem;
}
.smhi-aurora-theme .env-radio {
  background: transparent;
  transition: background-color var(--transition-time), border-color var(--transition-time);
  border: var(--border-width) solid transparent;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  border-radius: var(--border-radius);
  padding: var(--padding);
  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;
  cursor: pointer;
  align-items: center;
}
.smhi-aurora-theme .env-radio + .radioButton {
  margin-top: var(--marginXsDefault);
}
.smhi-aurora-theme .env-radio.large {
  padding: var(--padding-l);
}
.smhi-aurora-theme .env-radio:focus-visible, .smhi-aurora-theme .env-radio:hover, .smhi-aurora-theme .env-radio:active, .smhi-aurora-theme .env-radio.selected {
  border-color: var(--focusOutlineColor);
}
.smhi-aurora-theme .env-radio:has(:focus-visible) {
  outline: var(--focus-border);
  outline-offset: calc(-1 * var(--focus-border-width));
}
.smhi-aurora-theme .env-radio:hover:not(:disabled):not(.disabled) {
  background-color: var(--hoverFillColor);
}
.smhi-aurora-theme .env-radio:active:not(:disabled):not(.disabled) {
  background-color: var(--activeFillColor);
}
.smhi-aurora-theme .env-radio.selected {
  background-color: var(--selectedFillColor);
}
.smhi-aurora-theme .env-radio.selected:hover:not(:disabled):not(.disabled) {
  background-color: var(--selectedHoverFillColor);
}
.smhi-aurora-theme .env-radio.selected:active:not(:disabled):not(.disabled) {
  background-color: var(--selectedActiveFillColor);
}
.smhi-aurora-theme .env-radio.selected:disabled, .smhi-aurora-theme .env-radio.selected.disabled {
  color: var(--disabledTextColor);
  background-color: var(--disabledFillColor);
}
.smhi-aurora-theme .env-radio:disabled, .smhi-aurora-theme .env-radio.disabled {
  color: var(--disabledTextColor);
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}
.smhi-aurora-theme .env-radio:disabled .radioControl, .smhi-aurora-theme .env-radio.disabled .radioControl {
  cursor: default;
}
.smhi-aurora-theme .env-radio:disabled .radioControl .fakeRadio, .smhi-aurora-theme .env-radio.disabled .radioControl .fakeRadio {
  border-color: var(--disabledTextColor);
}
.smhi-aurora-theme .env-radio:disabled .radioControl .fakeRadio.selected, .smhi-aurora-theme .env-radio.disabled .radioControl .fakeRadio.selected {
  border-color: var(--disabledBorderColor);
}
.smhi-aurora-theme .env-radio:disabled .radioControl .hiddenRadio, .smhi-aurora-theme .env-radio.disabled .radioControl .hiddenRadio {
  cursor: default;
}
.smhi-aurora-theme .env-radio .radioControl {
  padding: 0.125rem;
  padding-right: calc(0.125rem + 1rem);
  position: relative;
  display: flex;
  cursor: pointer;
}
.smhi-aurora-theme .env-radio .radioControl .fakeRadio {
  background-color: var(--colorZenith);
  border: 0.125rem solid var(--colorCloud60);
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: relative;
  transition: border-width var(--transition-time), width var(--transition-time), height var(--transition-time);
}
.smhi-aurora-theme .env-radio .radioControl .fakeRadio.selected {
  border-color: var(--borderColor);
  border-width: 0.4rem;
}
.smhi-aurora-theme .env-radio .radioControl .hiddenRadio {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
}
.smhi-aurora-theme .env-radio input[type=radio] {
  background-color: var(--colorZenith);
  border: 0.125rem solid var(--colorCloud60);
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: relative;
  margin-right: 0.25rem;
}
.smhi-aurora-theme .env-radio input[type=radio]:focus-visible {
  outline: none;
}
.smhi-aurora-theme .env-radio input[type=radio]:checked {
  border-color: var(--borderColor);
  border-width: 0.4rem;
}
.smhi-aurora-theme .env-checkbox {
  padding: 0.125rem;
  padding-right: calc(0.125rem + 1rem);
  position: relative;
  display: flex;
  cursor: pointer;
  transition: background-color var(--transition-time);
}
.smhi-aurora-theme .env-checkbox.disabled {
  cursor: default;
  color: var(--colorCloud50);
}
.smhi-aurora-theme .env-checkbox.disabled .fakeCheckbox {
  cursor: default;
  border-color: var(--colorCloud50);
}
.smhi-aurora-theme .env-checkbox.disabled .fakeCheckbox.selected {
  border-color: var(--colorCloud50);
  background-color: var(--colorCloud50);
}
.smhi-aurora-theme .env-checkbox.disabled .hiddenCheckbox {
  cursor: default;
}
.smhi-aurora-theme .env-checkbox .fakeCheckbox {
  background-color: var(--colorZenith);
  border: 0.125rem solid var(--colorCloud60);
  border-radius: var(--border-radius);
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: background-color var(--transition-time), border-width var(--transition-time), width var(--transition-time), height var(--transition-time);
}
.smhi-aurora-theme .env-checkbox .fakeCheckbox .checkmark {
  fill: var(--colorZenith);
  opacity: 0;
  transition: opacity var(--transition-time);
  margin: 0;
  position: absolute;
  width: 1rem;
  height: 1rem;
}
.smhi-aurora-theme .env-checkbox .fakeCheckbox .checkmark.visible {
  opacity: 1;
}
.smhi-aurora-theme .env-checkbox .fakeCheckbox.selected {
  border-color: var(--colorSky60);
  background-color: var(--colorSky60);
}
.smhi-aurora-theme .env-checkbox .hiddenCheckbox {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
}
.smhi-aurora-theme .env-checkbox input,
.smhi-aurora-theme .env-checkbox label {
  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;
  cursor: pointer;
}
.smhi-aurora-theme .env-checkbox .env-checkbox__fake::after {
  content: "";
}
.smhi-aurora-theme .env-checkbox [type=checkbox]:checked + label .env-checkbox__fake::after {
  width: 0.5rem;
  height: 0.25rem;
  transition: all var(--transition-time);
}
.smhi-aurora-theme .env-form-element__label {
  font-family: var(--font-normal);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.smhi-aurora-theme.noDefaultMargins {
  --marginLDefault: initial;
  --marginDefault: initial;
  --marginSDefault: initial;
  --marginXsDefault: initial;
  --marginXxsDefault: initial;
}
.smhi-aurora-theme.dark {
  --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;
}
.smhi-aurora-theme * {
  outline: none;
  box-sizing: border-box;
  transition: background-color var(--transition-time), border-color var(--transition-time);
}
.smhi-aurora-theme a {
  text-decoration: none;
}
.smhi-aurora-theme h1,
.smhi-aurora-theme h1.heading-1 {
  font-family: var(--font-heading);
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0;
  font-weight: bold;
  max-width: var(--line-width);
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme h1,
  .smhi-aurora-theme h1.heading-1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.smhi-aurora-theme h2,
.smhi-aurora-theme h2.heading-2 {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0;
  font-weight: normal;
  max-width: var(--line-width);
  margin-top: 2.5rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme h2,
  .smhi-aurora-theme h2.heading-2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.smhi-aurora-theme h3,
.smhi-aurora-theme h3.heading-3 {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0;
  font-weight: normal;
  max-width: var(--line-width);
  margin-top: 2rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme h3,
  .smhi-aurora-theme h3.heading-3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.smhi-aurora-theme h4,
.smhi-aurora-theme h4.heading-4 {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0;
  font-weight: bold;
  max-width: var(--line-width);
  margin-top: 1.5rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .smhi-aurora-theme h4,
  .smhi-aurora-theme h4.heading-4 {
    font-size: 1.25rem;
  }
}
.smhi-aurora-theme p,
.smhi-aurora-theme p.normal {
  max-width: var(--line-width);
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.smhi-aurora-theme .env-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.smhi-aurora-theme .env-list .env-list__item {
  display: flex;
  flex-direction: column;
  border: none;
  background: transparent;
  transition: background-color var(--transition-time), border-color var(--transition-time);
  border-left: 0.25rem solid transparent;
  text-decoration: none;
}
.smhi-aurora-theme .env-list .env-list__item.listItemDividerTop {
  border-top: 0.0625rem solid var(--borderColorSecondary);
  padding-top: 0.935rem;
}
.smhi-aurora-theme .env-list .env-list__item.listItemDividerBottom {
  border-bottom: 0.0625rem solid var(--borderColorSecondary);
  padding-bottom: 0.935rem;
}
.smhi-aurora-theme .env-list .env-list__item > :not(:first-child) {
  margin-top: 0;
}
.smhi-aurora-theme .env-list .env-list__item > :not(:last-child) {
  margin-bottom: 0;
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):not(.disabled):not(:disabled):not([disabled]):hover, .smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):not(.disabled):not(:disabled):not([disabled]).hover {
  background-color: var(--hoverFillColor);
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):not(.disabled):not(:disabled):not([disabled]):active, .smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):not(.disabled):not(:disabled):not([disabled]).active {
  background-color: var(--activeFillColor);
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):not(.disabled):not(:disabled):not([disabled]):focus-visible:not(:disabled):not(.disabled) {
  outline: var(--focus-border);
  outline-offset: calc(-1 * var(--focus-border-width));
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):not(.disabled):not(:disabled):not([disabled]).selected {
  background-color: var(--selectedFillColor);
  border-left-color: var(--borderColor);
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):not(.disabled):not(:disabled):not([disabled]).selected:hover {
  background-color: var(--selectedHoverFillColor);
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):not(.disabled):not(:disabled):not([disabled]).selected:active {
  background-color: var(--selectedActiveFillColor);
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader).disabled, .smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):disabled, .smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader)[disabled] {
  color: var(--disabledTextColor);
  background-color: var(--fillColor) !important;
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader).disabled.selected, .smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):disabled.selected, .smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader)[disabled].selected {
  background-color: var(--disabledFillColor) !important;
  border-left-color: var(--disabledBorderColor);
}
.smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader).disabled .content, .smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader):disabled .content, .smhi-aurora-theme .env-list .env-list__item:not(.listItemSubHeader)[disabled] .content {
  color: var(--disabledTextColor) !important;
}
.smhi-aurora-theme .env-list .env-list__item.listItemSubHeader .content {
  font-family: var(--font-normal);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}
.smhi-aurora-theme .env-list .env-list__item > :global(.auIcon):first-child {
  margin-left: 0;
}
.smhi-aurora-theme .env-list .env-list__item > :global(.auIcon):last-child {
  margin-right: 0;
}
.smhi-aurora-theme .env-list .env-list__item .content {
  padding: var(--padding-xs-no-border);
  margin: 0;
  display: flex;
  flex: 1;
  align-items: flex-start;
  text-align: left;
}
:global(.auLarge) .smhi-aurora-theme .env-list .env-list__item .content {
  padding: var(--padding-no-border);
}
.smhi-aurora-theme .env-list .env-list__item .content > :first-child:not(:last-child) {
  margin-left: 0;
}
.smhi-aurora-theme .env-list .env-list__item .content > :last-child:not(:first-child) {
  margin-right: 0;
}
.smhi-aurora-theme .env-list .env-list__item .content .listItemText {
  flex: 1;
}
.smhi-aurora-theme .env-list .env-list__item .content .typeBody2 {
  color: var(--textColor);
}
.smhi-aurora-theme .env-list .env-list__item > .list > .listItem {
  padding-left: 2.75rem;
}
.smhi-aurora-theme .svi-page-footer {
  --env-font-color: inherit;
  --env-link-font-color: inherit;
  background-color: var(--colorCloud20);
  color: var(--colorCloud100);
  margin: 4rem 0 0;
}
.smhi-aurora-theme .svi-page-footer .svi-container {
  max-width: 80rem;
}
.smhi-aurora-theme .svi-footer {
  --env-font-color: inherit;
  --env-link-font-color: inherit;
  --env-link-hover-font-color: inherit;
  background-color: var(--colorCloud10);
  color: var(--colorCloud100);
  margin: 0;
}
.smhi-aurora-theme .env-beta-ui-text-lead {
  font-family: var(--font-normal);
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: bold;
  max-width: var(--line-width);
  margin-top: 1.25rem;
  margin-bottom: 0;
}

/*# sourceMappingURL=smhi-aurora-theme.css.map */