._map_1hwos_1 {
  margin-bottom: 0;
  border-radius: 16px;
  aspect-ratio: 179/32;
  display: block;
  transition: aspect-ratio .2s ease-out;
}
._map_1hwos_1[data-activated] {
  aspect-ratio: 1/1;
}
:root {
  --UI-Background-Light:#fcfcfc;
  --UI-Background-Grey:#322525;
  --UI-Label-Black:#191313;
  --UI-Teaser-Cards-Black:#1a1414;
  --UI-Communication-Grey:#322525;
  --UI-Communication-Light:#ffecec;
  --UI-Label-Tint-Light-36:rgba(25, 19, 19, .36);
  --UI-Button-Default:#ff9090;
  --UI-Button-Selected-Tint:rgba(255, 144, 144, .2);
  --UI-Text-Primary-Light:#fcfcfc;
  --UI-Label-Breaking:#ff1a00;
  --UI-Label-BreakingDot:#dd0101;
  --UI-Background-Dark:#140f0f;
  --UI-Background-Elevated:#322525;
  --UI-Text-Light:#fcfcfc;
  --UI-Text-Dark:#191313;
  --Color-Red-100:#ffecec;
  --Color-Red-200:#ffc6c6;
  --Color-Red-300:#ff9090;
  --Color-Red-400:#ff1a00;
  --Color-Red-500:#dd0000;
  --Color-Red-600:#820000;
  --Color-Red-700:#470000;
  --Color-Red-800:#380000;
  --Color-Grey-100:#faf6f6;
  --Color-Grey-200:#f7f0f0;
  --Color-Grey-300:#ebe0e0;
  --Color-Grey-400:#e0d2d2;
  --Color-Grey-500:#d3c5c5;
  --Color-Grey-600:#7f6868;
  --Color-Grey-700:#322525;
  --Color-Grey-800:#171111;
  --ui-text-light:var(--UI-Text-Light);
  --ui-text-dark:var(--UI-Text-Dark);
  --ui-bg-dark:var(--UI-Background-Dark);
  --ui-bg-elevated:var(--UI-Background-Elevated);
  --quiz-correct:#8aff76;
  --quiz-correct-tint:rgba(138, 255, 118, .2);
  --quiz-correct-text:#002908;
  --quiz-selected:#ffcece;
  --quiz-checkbox-tick:#14000c;
  --quiz-option-border:rgba(255, 144, 144, .5);
  --quiz-card-bg:#231b1b;
  --quiz-card-image-bg:#3a2e2e;
  --quiz-rank-btn:#432929;
  --quiz-progress-track:#5f5b5b;
}
::view-transition-new(root),
::view-transition-old(root) {
  animation: none;
}
::view-transition-group(header) {
  z-index: 9999;
  animation: none;
}
::view-transition-new(header),
::view-transition-old(header) {
  animation: none;
}
::view-transition-group(*) {
  animation-duration: .4s;
  animation-timing-function: ease;
}
::view-transition-group(active-story-image) {
  animation-duration: .4s;
  animation-timing-function: ease;
  overflow: hidden;
}
::view-transition-image-pair(*) {
  isolation: isolate;
  mix-blend-mode: normal;
  overflow: hidden;
}
::view-transition-new(*),
::view-transition-old(*) {
  animation-duration: .4s;
  animation-timing-function: ease;
}
::view-transition-new(active-story-image),
::view-transition-old(active-story-image) {
  overflow: hidden;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bounce {
  0%, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
  }
}
@keyframes subtleWiggle {
  0% {
    transform: rotate(0);
  }
  2% {
    transform: rotate(-.5deg);
  }
  4% {
    transform: rotate(.5deg);
  }
  6% {
    transform: rotate(-.5deg);
  }
  8% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(0);
  }
  52% {
    transform: rotate(-.5deg);
  }
  54% {
    transform: rotate(.5deg);
  }
  56% {
    transform: rotate(-.5deg);
  }
  58% {
    transform: rotate(0);
  }
  to {
    transform: rotate(0);
  }
}
.fade-in-delayed {
  transition: opacity .25s ease-in .15s;
}
@keyframes eggFloat {
  0% {
    transform: translate(0) rotate(0) scale(1);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  to {
    transform: translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(.5);
    opacity: 0;
  }
}
@keyframes eggPop {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: .8;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}
:root {
  --category-text:#fcfcfc;
  --category-muted:#d3c5c5;
  --category-date-color:#ffecec;
  --category-time-color:#ffc6c6;
  --category-highlight:#ffc6c6;
  --category-accent-subtle:#ffecec;
}
:root,
[data-category=news] {
  --category-background:#1a1414;
  --category-background-elevated:#322525;
  --category-accent:#ff9090;
  --category-accent-text:#191313;
  --category-accent-tint:#ffecec;
  --category-marker:var(--category-accent);
  --category-marker-text:var(--category-accent-text);
  --category-section-bg:#140f0f;
  --category-section-title-bg:#0f0b0b;
}
[data-category=entertainment] {
  --category-background:#240015;
  --category-background-elevated:#420028;
  --category-accent:#ac0068;
  --category-accent-text:#fcfcfc;
  --category-accent-tint:var(--category-accent);
  --category-marker:var(--category-accent);
  --category-marker-text:var(--category-accent-text);
  --category-section-bg:#14000c;
  --category-section-title-bg:#14000c;
}
[data-category=sport] {
  --category-background:#241200;
  --category-background-elevated:#381d00;
  --category-accent:#ff8400;
  --category-accent-text:#fcfcfc;
  --category-accent-tint:var(--category-accent);
  --category-marker:var(--category-accent);
  --category-marker-text:var(--category-accent-text);
  --category-section-bg:#140a00;
  --category-section-title-bg:#0f0800;
}
[data-category=economy] {
  --category-background:#0e172b;
  --category-background-elevated:#19294d;
  --category-accent:#015ae4;
  --category-accent-text:#fcfcfc;
  --category-accent-tint:var(--category-accent);
  --category-marker:var(--category-accent);
  --category-marker-text:var(--category-accent-text);
  --category-section-bg:#08101f;
  --category-section-title-bg:#08101f;
}
[data-category=consumer] {
  --category-background:#0f0c1d;
  --category-background-elevated:#221b41;
  --category-accent:#5635b0;
  --category-accent-text:#fcfcfc;
  --category-accent-tint:var(--category-accent);
  --category-marker:var(--category-accent);
  --category-marker-text:var(--category-accent-text);
  --category-section-bg:#080612;
  --category-section-title-bg:#080612;
}
[data-category=breaking] {
  --category-background:#1a1414;
  --category-background-elevated:#322525;
  --category-accent:#ff9090;
  --category-accent-text:#191313;
  --category-accent-tint:#ffecec;
  --category-marker:#dd0000;
  --category-marker-text:#fcfcfc;
}
@font-face {
  font-family: "VG Serif";
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGSerif/VGSerifVariable.woff2) format("woff2-variations");
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
}
@font-face {
  font-family: "VG Serif";
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGSerif/VGSerifVariableItalic.woff2) format("woff2-variations");
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
}
@font-face {
  font-family: VG Sans;
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGSans/VGSansVariable.woff2) format("woff2-variations");
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
}
@font-face {
  font-family: VG Sans;
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGSans/VGSansVariableItalic.woff2) format("woff2-variations");
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
}
@font-face {
  font-family: VG Effekt;
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGEffekt/VGEffektVariableComplete.woff2) format("woff2-variations");
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  font-stretch: 50% 150%;
}
@view-transition {
  navigation: auto;
}
::view-transition-new(root),
::view-transition-old(root) {
  animation-duration: 0s;
}
::view-transition-group(feed-toggle-pill) {
  animation-duration: .12s;
}
::view-transition-old(feed-toggle-pill) {
  animation: none;
  display: none;
}
::view-transition-new(feed-toggle-pill) {
  animation: none;
}
.body-lock {
  overflow: hidden;
  position: fixed;
  width: 100%;
  padding-right: var(--scrollbar-width,0);
  top: var(--scroll-y,0);
}
@supports (-webkit-touch-callout:none) {
  .body-lock {
    -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
}
.hidden {
  display: none !important;
}
[data-feed] {
  width: 100%;
  max-width: 640px;
}
body {
  padding-bottom: var( --safe-area-inset-bottom,env(safe-area-inset-bottom,0) );
}
.content-teaser .payload-richtext ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -.32px;
}
.content-teaser .payload-richtext ul li {
  position: relative;
  padding-left: 16px;
}
.content-teaser .payload-richtext ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: #d00;
  transform: translateY(-50%);
}
.content-block {
  padding-bottom: 24px;
  white-space: pre-line;
}
.content-block .payload-richtext {
  display: flex;
  gap: 8px;
  flex-direction: column;
  border-radius: 24px;
  background: #470000;
  padding: 16px;
}
.content-block .payload-richtext h1 {
  font-size: 24px;
  font-weight: 900;
}
.content-block .payload-richtext p {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -.32px;
}
.content-block .payload-richtext ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.content-block .payload-richtext ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  line-height: 150%;
}
.content-block .payload-richtext ul li:before {
  content: "";
  display: inline-block;
  width: 13.833px;
  height: 13.333px;
  margin-right: 8px;
  background-image: url(/arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  flex-shrink: 0;
  padding-top: 5px;
}
.impact-block .payload-richtext {
  background-color: #7a3f00;
}
.impact-block .payload-richtext h1 {
  position: relative;
  display: flex;
  align-items: center;
}
.impact-block .payload-richtext h1:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 18px;
  margin-right: 8px;
  background-image: url(/union.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}
.expert-block .expert {
  margin-top: -32px;
  border-radius: 0 0 16px 16px;
  width: -webkit-fit-content;
  width: fit-content;
  background: #470000;
  padding: 16px;
}
.expert-block .expert h3 {
  font-size: 16px;
  font-weight: 900;
}
.expert-block .expert p {
  font-size: 16px;
  font-weight: 400;
  color: #d3c5c5;
}
.expert-block .payload-richtext {
  display: block;
  background-color: transparent;
  padding: 0;
}
.expert-block .payload-richtext h1 {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  border-radius: 24px 24px 0 0;
  background-color: #470000;
}
.expert-block .payload-richtext p {
  padding: 8px 16px 16px;
  border-radius: 0 0 8px 8px;
  background-color: #470000;
  margin-bottom: 4px;
}
.expert-block .payload-richtext blockquote {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -.4px;
  padding: 20px 20px 32px;
  border-radius: 8px 8px 24px 0;
  background-color: #470000;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  background-color: #191313;
}
body {
  font-family: "VG Sans", var(--font-inter);
  color: var(--white,#fff);
  font-feature-settings:
    "cv02",
    "cv03",
    "cv04",
    "kern" 1,
    "calt" 1,
    "liga",
    "kern";
}
ol,
ul {
  list-style: none;
}
button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  line-height: 1;
}
a {
  display: inline-block;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}
textarea {
  border: none;
  background-color: transparent;
  resize: none;
  outline: none;
  padding: 0;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}
* {
  -webkit-tap-highlight-color: transparent;
}
html {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
[contenteditable=""],
[contenteditable=true],
[data-selectable],
input,
select,
textarea {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}
@media screen and (max-width: 767px) {
  input,
  select,
  textarea {
    font-size: 16px;
  }
}
:root {
  --color-accent:var(--color-red-500);
  --color-text-primary:var(--color-black);
  --color-text-secondary:var(--color-red-700);
  --color-text-tertiary:var(--color-gray-600);
  --color-text-quaternary:var(--color-gray-500);
  --color-text-inverted:var(--color-red-700);
  --color-background-primary:var(--color-white);
  --color-background-secondary:var(--color-gray-100);
  --color-background-tertiary:var(--color-gray-300);
  --color-background-inverted:var(--color-red-700);
  --color-border-primary:var(--color-gray-300);
  --color-border-secondary:var(--color-gray-200);
  --stroke:var(--color-gray-200);
  --separator:var(--color-gray-300);
  --color-button-primary:var(--color-red-400);
  --color-button-secondary:var(--color-red-700);
  --color-button-tertiary:var(--color-gray-700);
  --fill-primary:hsla(0,0%,0%,.2);
  --fill-secondary:hsla(0,0%,0%,.16);
  --fill-tertiary:hsla(0,0%,0%,.11);
  --fill-quaternary:hsla(0,0%,0%,.08);
}
[data-color-scheme=dark] {
  --color-text-primary:var(--color-white);
  --color-text-secondary:var(--color-gray-400);
  --color-text-tertiary:var(--color-gray-500);
  --color-text-quaternary:var(--color-gray-600);
  --color-text-inverted:var(--color-black);
  --color-background-primary:var(--color-black);
  --color-background-secondary:var(--color-red-800);
  --color-background-tertiary:var(--color-red-700);
  --color-background-inverted:var(--color-gray-400);
  --color-border-primary:var(--color-red-600);
  --color-border-secondary:var(--color-red-700);
  --stroke:var(--color-red-600);
  --seperator:var(--color-red-700);
  --fill-primary:hsla(0,0%,100%,.13);
  --fill-secondary:hsla(0,0%,100%,.1);
  --fill-tertiary:hsla(0,0%,100%,.06);
  --fill-quaternary:hsla(0,0%,100%,.04);
  --label-primary:var(--color-text-primary);
  --label-secondary:var(--color-text-secondary);
  --label-tertiary:var(--color-text-tertiary);
  --background-primary:var(--color-background-primary);
  --background-secondary:var(--color-background-secondary);
  --background-tertiary:var(--color-background-tertiary);
}
[data-color-scheme=dark] [data-color-scheme=light] {
  --color-text-primary:var(--color-black);
  --color-text-secondary:var(--color-red-700);
  --color-text-tertiary:var(--color-gray-600);
  --color-text-quaternary:var(--color-gray-500);
  --color-text-inverted:var(--color-red-700);
  --color-background-primary:var(--color-white);
  --color-background-secondary:var(--color-gray-100);
  --color-background-tertiary:var(--color-gray-300);
  --color-background-inverted:var(--color-red-700);
  --color-border-primary:var(--color-gray-300);
  --color-border-secondary:var(--color-gray-200);
  --stroke:var(--color-gray-200);
  --seperator:var(--color-gray-300);
  --fill-primary:hsla(0,0%,0%,.2);
  --fill-secondary:hsla(0,0%,0%,.16);
  --fill-tertiary:hsla(0,0%,0%,.11);
  --fill-quaternary:hsla(0,0%,0%,.08);
}
.color-accent {
  color: var(--color-accent);
}
.background-accent {
  background-color: var(--color-accent);
}
.background-primary {
  background-color: var(--color-background-primary);
}
.background-secondary {
  background-color: var(--color-background-secondary);
}
.background-tertiary {
  background-color: var(--color-background-tertiary);
}
.label-primary {
  color: var(--color-text-primary);
}
.label-secondary {
  color: var(--color-text-secondary);
}
.label-tertiary {
  color: var(--color-text-tertiary);
}
.label-quaternary {
  color: var(--color-text-quaternary);
}
.separator {
  border-color: var(--color-border-primary);
}
.fill-primary {
  background-color: var(--fill-primary);
}
.fill-secondary {
  background-color: var(--fill-secondary);
}
.fill-tertiary {
  background-color: var(--fill-tertiary);
}
.fill-quaternary {
  background-color: var(--fill-quaternary);
}
:root {
  --shadow-small:0px 1px 2px hsla(0,0%,0%,.1);
  --shadow-medium:0px 4px 10px hsla(0,0%,0%,.16);
  --shadow-large:0px 6px 13px hsla(0,0%,0%,.22);
  --shadow-extra-large:0px 7px 19px hsla(0,0%,0%,.3);
  --layer-low:1;
  --layer-medium:1000;
  --layer-high:10000;
  --layer-extra-high:100000;
}
.shadow-low {
  filter: drop-shadow(var(--shadow-low));
}
.shadow-medium {
  filter: drop-shadow(var(--shadow-medium));
}
.shadow-large {
  filter: drop-shadow(var(--shadow-large));
}
.shadow-extra-large {
  filter: drop-shadow(var(--shadow-extra-large));
}
.layer-low {
  z-index: var(--layer-low);
}
.layer-medium {
  z-index: var(--layer-medium);
}
.layer-high {
  z-index: var(--layer-high);
}
.layer-extra-high {
  z-index: var(--layer-extra-high);
}
@font-face {
  font-display: swap;
  font-family: Austin News Deck Web;
  font-style: normal;
  font-weight: 400;
  src:
    local("AustinNewsDeck-Roman"),
    url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-Roman-Web.woff2) format("woff2"),
    url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-Roman-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Deck Web;
  font-style: italic;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-Italic-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-Italic-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Deck Web;
  font-style: normal;
  font-weight: 600;
  src: url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-Medium-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-Medium-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Deck Web;
  font-style: italic;
  font-weight: 600;
  src:
    local("AustinNewsDeck-MediumItalic"),
    url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-MediumItalic-Web.woff2) format("woff2"),
    url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-MediumItalic-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Deck Web;
  font-style: normal;
  font-weight: 700;
  src:
    local("AustinNewsDeck-Bold"),
    url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-Bold-Web.woff2) format("woff2"),
    url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-Bold-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Deck Web;
  font-style: italic;
  font-weight: 700;
  src:
    local("AustinNewsDeck-BoldItalic"),
    url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-BoldItalic-Web.woff2) format("woff2"),
    url(https://www.vg.no/vgc/font-spesial/AustinNewsDeck/AustinNewsDeck-BoldItalic-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Headline;
  font-style: normal;
  font-weight: 500;
  src: url(https://www.vg.no/vgc/font/AustinNewsHeadline-Medium-Web.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Austin News Headline;
  font-style: normal;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font/AustinNewsHeadline-Bold-Web.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Austin News Headline;
  font-style: normal;
  font-weight: 800;
  src: url(https://www.vg.no/vgc/font-spesial/AustinHeadline/AustinNewsHeadline-Extrabold-Web.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Austin News Text Web;
  font-style: normal;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/AustinNewsText/AustinNewsText-Roman-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/AustinNewsText/AustinNewsText-Roman-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Text Web;
  font-style: italic;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/AustinNewsText/AustinNewsText-Italic-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/AustinNewsText/AustinNewsText-Italic-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Text Web;
  font-style: normal;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font-spesial/AustinNewsText/AustinNewsText-Bold-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/AustinNewsText/AustinNewsText-Bold-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Austin News Text Web;
  font-style: italic;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font-spesial/AustinNewsText/AustinNewsText-BoldItalic-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/AustinNewsText/AustinNewsText-BoldItalic-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Druk Text Web;
  font-style: normal;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font-spesial/frimand-fonts/druk201013/DrukText-Bold-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/frimand-fonts/druk201013/DrukText-Bold-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Druk Condensed Web;
  font-style: normal;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font-spesial/DrukCond/DrukCond-Super-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/DrukCond/DrukCond-Super-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Druk Web;
  font-style: normal;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font-spesial/Druk/Druk-Heavy-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/Druk/Druk-Heavy-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-feature-settings:
    "cv02",
    "cv03",
    "cv04",
    "kern" 1,
    "ss01" 1,
    "liga" 1,
    "calt" 1;
  font-style: normal;
  font-weight: 100 900;
  src: url(https://www.vg.no/vgc/font-spesial/Inter/4.0/subsets/InterVariable.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-feature-settings:
    "cv02",
    "cv03",
    "cv04",
    "kern" 1,
    "ss01" 1,
    "liga" 1,
    "calt" 1;
  font-style: italic;
  font-weight: 100 900;
  src: url(https://www.vg.no/vgc/font-spesial/Inter/4.0/subsets/InterVariable-Italic.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Lyon Text;
  font-style: normal;
  font-variant-numeric: oldstyle-nums;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font/LyonText-Regular-Web.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Lyon Text;
  font-style: normal;
  font-variant-numeric: oldstyle-nums;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font/LyonText-Bold-Web.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Lyon Text;
  font-style: italic;
  font-variant-numeric: oldstyle-nums;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font/LyonText-RegularItalic-Web.woff2) format("woff2");
}
@font-face {
  font-family: Lyon Text;
  font-stretch: normal;
  font-style: italic;
  font-variant-numeric: oldstyle-nums;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font/LyonText-BoldItalic-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font/LyonText-BoldItalic-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Lyon Hed;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/LyonHed/LyonHed-Regular-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/LyonHed/LyonHed-Regular-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Lyon Hed;
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: url(https://www.vg.no/vgc/font-spesial/LyonHed/LyonHed-Black-Web.woff2) format("woff2"), url(https://www.vg.no/vgc/font-spesial/LyonHed/LyonHed-Black-Web.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Sharp Grotesk Regular;
  font-style: normal;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/SharpGrotesk/SharpGroteskBook20.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Sharp Grotesk Bold;
  font-style: normal;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/SharpGrotesk/SharpGroteskBold25.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Sharp Grotesk Black;
  font-style: normal;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/SharpGrotesk/SharpGroteskBlack08.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Raleway;
  font-style: normal;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/Raleway/Raleway-Regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Raleway Semi Bold;
  font-style: normal;
  font-weight: 600;
  src: url(https://www.vg.no/vgc/font-spesial/Raleway/Raleway-SemiBold.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Raleway Bold;
  font-style: normal;
  font-weight: 700;
  src: url(https://www.vg.no/vgc/font-spesial/Raleway/Raleway-Bold.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Raleway Extra Bold;
  font-style: normal;
  font-weight: 800;
  src: url(https://www.vg.no/vgc/font-spesial/Raleway/Raleway-ExtraBold.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "VG Serif";
  font-style: normal;
  font-weight: 200 900;
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGSerif/VGSerifVariable.woff2) format("woff2-variations");
}
@font-face {
  font-display: swap;
  font-family: "VG Serif";
  font-style: italic;
  font-weight: 200 900;
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGSerif/VGSerifVariableItalic.woff2) format("woff2-variations");
}
@font-face {
  font-display: swap;
  font-family: VG Sans;
  font-style: normal;
  font-weight: 200 900;
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGSans/VGSansVariable.woff2) format("woff2-variations");
}
@font-face {
  font-display: swap;
  font-family: VG Sans;
  font-style: italic;
  font-weight: 200 900;
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGSans/VGSansVariableItalic.woff2) format("woff2-variations");
}
@font-face {
  font-display: swap;
  font-family: VG Effekt;
  font-stretch: 50% 150%;
  font-style: normal;
  font-weight: 400;
  src: url(https://www.vg.no/vgc/font-spesial/vg-new-fonts/VGEffekt/VGEffektVariableComplete.woff2) format("woff2-variations");
}
:root {
  --font-austin-headline:"Austin News Headline","Times New Roman",serif;
  --font-austin-deck:"Austin News Deck Web","Times New Roman",serif;
  --font-austin-text:"Austin News Text Web","Times New Roman",serif;
  --font-druk:"Druk Web",sans-serif;
  --font-druk-condensed:"Druk Condensed Web",sans-serif;
  --font-druk-text:"Druk Text Web",sans-serif;
  --font-inter:Inter,"Helvetica Neue",Helvetica,sans-serif;
  --font-lyon-hed:"Lyon Hed","Times New Roman",serif;
  --font-lyon-text:"Lyon Text","Times New Roman",serif;
  --font-sharp-grotesk-regular:"Sharp Grotesk Regular","Helvetica Neue",Helvetica,sans-serif;
  --font-sharp-grotesk-bold:"Sharp Grotesk Bold","Helvetica Neue",Helvetica,sans-serif;
  --font-sharp-grotesk-black:"Sharp Grotesk Black","Helvetica Neue",Helvetica,sans-serif;
  --font-vg-serif:"VG Serif",serif;
  --font-vg-sans:"VG Sans",sans-serif;
  --font-vg-display:"VG Effekt",sans-serif;
}
.font-vg-serif {
  font-family: var(--font-vg-serif);
}
.font-vg-sans {
  font-family: var(--font-vg-sans);
}
.font-vg-display {
  font-family: var(--font-vg-display);
  font-weight: 400;
}
.font-austin-headline {
  font-family: var(--font-austin-headline);
}
.font-austin-deck {
  font-family: var(--font-austin-deck);
}
.font-austin-text {
  font-family: var(--font-austin-text);
}
.font-druk {
  font-family: var(--font-druk);
}
.font-druk-condensed {
  font-family: var(--font-druk-condensed);
}
.font-druk-text {
  font-family: var(--font-druk-text);
}
.font-inter {
  font-family: var(--font-inter);
}
.font-lyon-hed {
  font-family: var(--font-lyon-hed);
}
.font-lyon-text {
  font-family: var(--font-lyon-text);
}
.font-sharp-grotesk-regular {
  font-family: var(--font-sharp-grotesk-regular);
}
.font-sharp-grotesk-bold {
  font-family: var(--font-sharp-grotesk-bold);
}
.font-sharp-grotesk-black {
  font-family: var(--font-sharp-grotesk-black);
}
.material,
[data-color-scheme=dark] [data-color-scheme=light] .material,
[data-color-scheme=dark] [data-color-scheme=light].material {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.material:not(.does-not-exist):not(.does-not-exist) .vibrancy,
[data-color-scheme=dark] .material[data-color-scheme=light] .vibrancy,
[data-color-scheme=dark] [data-color-scheme=light] .material .vibrancy {
  mix-blend-mode: luminosity;
}
.material,
[data-color-scheme=dark] [data-color-scheme=light] .material,
[data-color-scheme=dark] [data-color-scheme=light].material {
  --fill-primary:hsla(0,0%,0%,.55);
  --fill-secondary:hsla(0,0%,0%,.14);
  --fill-tertiary:hsla(0,0%,0%,.8);
  --color-border-primary:hsla(0,0%,0%,.26);
}
.ultra-thin.material:not(.does-not-exist):not(.does-not-exist),
[data-color-scheme=dark] .material.ultra-thin[data-color-scheme=light],
[data-color-scheme=dark] [data-color-scheme=light] .material.ultra-thin {
  background:
    linear-gradient(
      0deg,
      #0000000a,
      #0000000a),
    #ffffff5c;
}
.thin.material:not(.does-not-exist):not(.does-not-exist),
[data-color-scheme=dark] .material.thin[data-color-scheme=light],
[data-color-scheme=dark] [data-color-scheme=light] .material.thin {
  background:
    linear-gradient(
      0deg,
      #0000000a,
      #0000000a),
    #ffffff94;
}
.regular.material:not(.does-not-exist):not(.does-not-exist),
[data-color-scheme=dark] .material.regular[data-color-scheme=light],
[data-color-scheme=dark] [data-color-scheme=light] .material.regular {
  background:
    linear-gradient(
      0deg,
      #0000000a,
      #0000000a),
    #ffffffcf;
}
.thick.material:not(.does-not-exist):not(.does-not-exist),
[data-color-scheme=dark] .material.thick[data-color-scheme=light],
[data-color-scheme=dark] [data-color-scheme=light] .material.thick {
  background:
    linear-gradient(
      0deg,
      #00000008,
      #00000008),
    #fffffff0;
}
.material[data-color-scheme=dark],
[data-color-scheme=dark] .material {
  --fill-primary:hsla(0,0%,100%,.5);
  --fill-secondary:hsla(0,0%,100%,.18);
  --fill-tertiary:hsla(0,0%,100%,.13);
  --color-border-primary:hsla(0,0%,100%,.3);
}
.ultra-thin.material[data-color-scheme=dark],
[data-color-scheme=dark] .material.ultra-thin {
  background:
    linear-gradient(
      0deg,
      #ffffff1f,
      #ffffff1f),
    #00000057;
}
.thin.material[data-color-scheme=dark],
[data-color-scheme=dark] .material.thin {
  background:
    linear-gradient(
      0deg,
      #ffffff1f,
      #ffffff1f),
    #00000094;
}
.regular.material[data-color-scheme=dark],
[data-color-scheme=dark] .material.regular {
  background:
    linear-gradient(
      0deg,
      #ffffff1f,
      #ffffff1f),
    #000000c4;
}
.thick.material[data-color-scheme=dark],
[data-color-scheme=dark] .material.thick {
  background:
    linear-gradient(
      0deg,
      #ffffff1f,
      #ffffff1f),
    #000000f7;
}
:root {
  --border-radius-xxxs:calc(.125 * var(--border-radius-m));
  --border-radius-xxs:calc(.25 * var(--border-radius-m));
  --border-radius-xs:calc(.5 * var(--border-radius-m));
  --border-radius-s:calc(.75 * var(--border-radius-m));
  --border-radius-m:16px;
  --border-radius-l:calc(1.5 * var(--border-radius-m));
  --border-radius-xl:calc(2 * var(--border-radius-m));
  --border-radius-xxl:calc(3 * var(--border-radius-m));
}
.border-radius-xxxs {
  border-radius: var(--border-radius-xxxs);
}
.border-radius-xxs {
  border-radius: var(--border-radius-xxs);
}
.border-radius-xs {
  border-radius: var(--border-radius-xs);
}
.border-radius-s {
  border-radius: var(--border-radius-s);
}
.border-radius-m {
  border-radius: var(--border-radius-m);
}
.border-radius-l {
  border-radius: var(--border-radius-l);
}
.border-radius-xl {
  border-radius: var(--border-radius-xl);
}
.border-radius-xxl {
  border-radius: var(--border-radius-xxl);
}
@layer reset {
  html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  a,
  button {
    color: inherit;
  }
  button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    outline: none;
    padding: 0;
  }
  menu,
  nav,
  ul,
  ul li {
    list-style: none;
    padding: 0;
  }
  input[type=search] {
    -webkit-appearance: none;
    appearance: none;
  }
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration,
  input[type=search]::-webkit-search-results-button,
  input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }
  details > summary::marker {
    content: none;
  }
  details > summary:after,
  details > summary:before {
    content: "";
    display: none;
  }
  details > summary::-webkit-details-marker {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    * {
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
    }
  }
}
:root {
  --space-xxxs:calc(.125 * var(--space-m));
  --space-xxs:calc(.25 * var(--space-m));
  --space-xs:calc(.5 * var(--space-m));
  --space-s:calc(.75 * var(--space-m));
  --space-m:16px;
  --space-l:calc(1.5 * var(--space-m));
  --space-xl:calc(2 * var(--space-m));
  --space-xxl:calc(3 * var(--space-m));
  --space-xxxl:calc(4 * var(--space-m));
  --space-xxxxl:calc(5 * var(--space-m));
  --component-gap:32px;
}
.mb-cpg {
  margin-bottom: calc(var(--component-gap) + var(--extra-feature-spacing));
}
.gap-xxxs {
  gap: var(--space-xxxs);
}
.gap-xxs {
  gap: var(--space-xxs);
}
.gap-xs {
  gap: var(--space-xs);
}
.gap-s {
  gap: var(--space-s);
}
.gap-m {
  gap: var(--space-m);
}
.gap-l {
  gap: var(--space-l);
}
.gap-xl {
  gap: var(--space-xl);
}
.gap-xxl {
  gap: var(--space-xxl);
}
.gap-xxxl {
  gap: var(--space-xxxl);
}
.gap-xxxxl {
  gap: var(--space-xxxxl);
}
.row-gap-xxxs {
  row-gap: var(--space-xxxs);
}
.row-gap-xxs {
  row-gap: var(--space-xxs);
}
.row-gap-xs {
  row-gap: var(--space-xs);
}
.row-gap-s {
  row-gap: var(--space-s);
}
.row-gap-m {
  row-gap: var(--space-m);
}
.row-gap-l {
  row-gap: var(--space-l);
}
.row-gap-xl {
  row-gap: var(--space-xl);
}
.row-gap-xxl {
  row-gap: var(--space-xxl);
}
.row-gap-xxxl {
  row-gap: var(--space-xxxl);
}
.row-gap-xxxxl {
  row-gap: var(--space-xxxxl);
}
.column-gap-xxxs {
  column-gap: var(--space-xxxs);
}
.column-gap-xxs {
  column-gap: var(--space-xxs);
}
.column-gap-xs {
  column-gap: var(--space-xs);
}
.column-gap-s {
  column-gap: var(--space-s);
}
.column-gap-m {
  column-gap: var(--space-m);
}
.column-gap-l {
  column-gap: var(--space-l);
}
.column-gap-xl {
  column-gap: var(--space-xl);
}
.column-gap-xxl {
  column-gap: var(--space-xxl);
}
.column-gap-xxxl {
  column-gap: var(--space-xxxl);
}
.column-gap-xxxxl {
  column-gap: var(--space-xxxxl);
}
.m-xxxs {
  margin: var(--space-xxxs);
}
.mt-xxxs {
  margin-top: var(--space-xxxs);
}
.mr-xxxs {
  margin-right: var(--space-xxxs);
}
.mb-xxxs {
  margin-bottom: var(--space-xxxs);
}
.ml-xxxs,
.mx-xxxs {
  margin-left: var(--space-xxxs);
}
.mx-xxxs {
  margin-right: var(--space-xxxs);
}
.my-xxxs {
  margin-bottom: var(--space-xxxs);
  margin-top: var(--space-xxxs);
}
.m-xxs {
  margin: var(--space-xxs);
}
.mt-xxs {
  margin-top: var(--space-xxs);
}
.mr-xxs {
  margin-right: var(--space-xxs);
}
.mb-xxs {
  margin-bottom: var(--space-xxs);
}
.ml-xxs,
.mx-xxs {
  margin-left: var(--space-xxs);
}
.mx-xxs {
  margin-right: var(--space-xxs);
}
.my-xxs {
  margin-bottom: var(--space-xxs);
  margin-top: var(--space-xxs);
}
.m-xs {
  margin: var(--space-xs);
}
.mt-xs {
  margin-top: var(--space-xs);
}
.mr-xs {
  margin-right: var(--space-xs);
}
.mb-xs {
  margin-bottom: var(--space-xs);
}
.ml-xs,
.mx-xs {
  margin-left: var(--space-xs);
}
.mx-xs {
  margin-right: var(--space-xs);
}
.my-xs {
  margin-bottom: var(--space-xs);
  margin-top: var(--space-xs);
}
.m-s {
  margin: var(--space-s);
}
.mt-s {
  margin-top: var(--space-s);
}
.mr-s {
  margin-right: var(--space-s);
}
.mb-s {
  margin-bottom: var(--space-s);
}
.ml-s,
.mx-s {
  margin-left: var(--space-s);
}
.mx-s {
  margin-right: var(--space-s);
}
.my-s {
  margin-bottom: var(--space-s);
  margin-top: var(--space-s);
}
.m-m {
  margin: var(--space-m);
}
.mt-m {
  margin-top: var(--space-m);
}
.mr-m {
  margin-right: var(--space-m);
}
.mb-m {
  margin-bottom: var(--space-m);
}
.ml-m,
.mx-m {
  margin-left: var(--space-m);
}
.mx-m {
  margin-right: var(--space-m);
}
.my-m {
  margin-bottom: var(--space-m);
  margin-top: var(--space-m);
}
.m-l {
  margin: var(--space-l);
}
.mt-l {
  margin-top: var(--space-l);
}
.mr-l {
  margin-right: var(--space-l);
}
.mb-l {
  margin-bottom: var(--space-l);
}
.ml-l,
.mx-l {
  margin-left: var(--space-l);
}
.mx-l {
  margin-right: var(--space-l);
}
.my-l {
  margin-bottom: var(--space-l);
  margin-top: var(--space-l);
}
.m-xl {
  margin: var(--space-xl);
}
.mt-xl {
  margin-top: var(--space-xl);
}
.mr-xl {
  margin-right: var(--space-xl);
}
.mb-xl {
  margin-bottom: var(--space-xl);
}
.ml-xl,
.mx-xl {
  margin-left: var(--space-xl);
}
.mx-xl {
  margin-right: var(--space-xl);
}
.my-xl {
  margin-bottom: var(--space-xl);
  margin-top: var(--space-xl);
}
.m-xxl {
  margin: var(--space-xxl);
}
.mt-xxl {
  margin-top: var(--space-xxl);
}
.mr-xxl {
  margin-right: var(--space-xxl);
}
.mb-xxl {
  margin-bottom: var(--space-xxl);
}
.ml-xxl,
.mx-xxl {
  margin-left: var(--space-xxl);
}
.mx-xxl {
  margin-right: var(--space-xxl);
}
.my-xxl {
  margin-bottom: var(--space-xxl);
  margin-top: var(--space-xxl);
}
.m-xxxl {
  margin: var(--space-xxxl);
}
.mt-xxxl {
  margin-top: var(--space-xxxl);
}
.mr-xxxl {
  margin-right: var(--space-xxxl);
}
.mb-xxxl {
  margin-bottom: var(--space-xxxl);
}
.ml-xxxl,
.mx-xxxl {
  margin-left: var(--space-xxxl);
}
.mx-xxxl {
  margin-right: var(--space-xxxl);
}
.my-xxxl {
  margin-bottom: var(--space-xxxl);
  margin-top: var(--space-xxxl);
}
.m-xxxxl {
  margin: var(--space-xxxxl);
}
.mt-xxxxl {
  margin-top: var(--space-xxxxl);
}
.mr-xxxxl {
  margin-right: var(--space-xxxxl);
}
.mb-xxxxl {
  margin-bottom: var(--space-xxxxl);
}
.ml-xxxxl,
.mx-xxxxl {
  margin-left: var(--space-xxxxl);
}
.mx-xxxxl {
  margin-right: var(--space-xxxxl);
}
.my-xxxxl {
  margin-bottom: var(--space-xxxxl);
  margin-top: var(--space-xxxxl);
}
.p-xxxs {
  padding: var(--space-xxxs);
}
.pt-xxxs {
  padding-top: var(--space-xxxs);
}
.pr-xxxs {
  padding-right: var(--space-xxxs);
}
.pb-xxxs {
  padding-bottom: var(--space-xxxs);
}
.pl-xxxs,
.px-xxxs {
  padding-left: var(--space-xxxs);
}
.px-xxxs {
  padding-right: var(--space-xxxs);
}
.py-xxxs {
  padding-bottom: var(--space-xxxs);
  padding-top: var(--space-xxxs);
}
.p-xxs {
  padding: var(--space-xxs);
}
.pt-xxs {
  padding-top: var(--space-xxs);
}
.pr-xxs {
  padding-right: var(--space-xxs);
}
.pb-xxs {
  padding-bottom: var(--space-xxs);
}
.pl-xxs,
.px-xxs {
  padding-left: var(--space-xxs);
}
.px-xxs {
  padding-right: var(--space-xxs);
}
.py-xxs {
  padding-bottom: var(--space-xxs);
  padding-top: var(--space-xxs);
}
.p-xs {
  padding: var(--space-xs);
}
.pt-xs {
  padding-top: var(--space-xs);
}
.pr-xs {
  padding-right: var(--space-xs);
}
.pb-xs {
  padding-bottom: var(--space-xs);
}
.pl-xs,
.px-xs {
  padding-left: var(--space-xs);
}
.px-xs {
  padding-right: var(--space-xs);
}
.py-xs {
  padding-bottom: var(--space-xs);
  padding-top: var(--space-xs);
}
.p-s {
  padding: var(--space-s);
}
.pt-s {
  padding-top: var(--space-s);
}
.pr-s {
  padding-right: var(--space-s);
}
.pb-s {
  padding-bottom: var(--space-s);
}
.pl-s,
.px-s {
  padding-left: var(--space-s);
}
.px-s {
  padding-right: var(--space-s);
}
.py-s {
  padding-bottom: var(--space-s);
  padding-top: var(--space-s);
}
.p-m {
  padding: var(--space-m);
}
.pt-m {
  padding-top: var(--space-m);
}
.pr-m {
  padding-right: var(--space-m);
}
.pb-m {
  padding-bottom: var(--space-m);
}
.pl-m,
.px-m {
  padding-left: var(--space-m);
}
.px-m {
  padding-right: var(--space-m);
}
.py-m {
  padding-bottom: var(--space-m);
  padding-top: var(--space-m);
}
.p-l {
  padding: var(--space-l);
}
.pt-l {
  padding-top: var(--space-l);
}
.pr-l {
  padding-right: var(--space-l);
}
.pb-l {
  padding-bottom: var(--space-l);
}
.pl-l,
.px-l {
  padding-left: var(--space-l);
}
.px-l {
  padding-right: var(--space-l);
}
.py-l {
  padding-bottom: var(--space-l);
  padding-top: var(--space-l);
}
.p-xl {
  padding: var(--space-xl);
}
.pt-xl {
  padding-top: var(--space-xl);
}
.pr-xl {
  padding-right: var(--space-xl);
}
.pb-xl {
  padding-bottom: var(--space-xl);
}
.pl-xl,
.px-xl {
  padding-left: var(--space-xl);
}
.px-xl {
  padding-right: var(--space-xl);
}
.py-xl {
  padding-bottom: var(--space-xl);
  padding-top: var(--space-xl);
}
.p-xxl {
  padding: var(--space-xxl);
}
.pt-xxl {
  padding-top: var(--space-xxl);
}
.pr-xxl {
  padding-right: var(--space-xxl);
}
.pb-xxl {
  padding-bottom: var(--space-xxl);
}
.pl-xxl,
.px-xxl {
  padding-left: var(--space-xxl);
}
.px-xxl {
  padding-right: var(--space-xxl);
}
.py-xxl {
  padding-bottom: var(--space-xxl);
  padding-top: var(--space-xxl);
}
.p-xxxl {
  padding: var(--space-xxxl);
}
.pt-xxxl {
  padding-top: var(--space-xxxl);
}
.pr-xxxl {
  padding-right: var(--space-xxxl);
}
.pb-xxxl {
  padding-bottom: var(--space-xxxl);
}
.pl-xxxl,
.px-xxxl {
  padding-left: var(--space-xxxl);
}
.px-xxxl {
  padding-right: var(--space-xxxl);
}
.py-xxxl {
  padding-bottom: var(--space-xxxl);
  padding-top: var(--space-xxxl);
}
.p-xxxxl {
  padding: var(--space-xxxxl);
}
.pt-xxxxl {
  padding-top: var(--space-xxxxl);
}
.pr-xxxxl {
  padding-right: var(--space-xxxxl);
}
.pb-xxxxl {
  padding-bottom: var(--space-xxxxl);
}
.pl-xxxxl,
.px-xxxxl {
  padding-left: var(--space-xxxxl);
}
.px-xxxxl {
  padding-right: var(--space-xxxxl);
}
.py-xxxxl {
  padding-bottom: var(--space-xxxxl);
  padding-top: var(--space-xxxxl);
}
:root {
  --font-serif-thin:200;
  --font-serif-light:312;
  --font-serif-regular:366;
  --font-serif-medium:432;
  --font-serif-semi-bold:600;
  --font-serif-bold:700;
  --font-serif-extra-bold:769;
  --font-serif-black:813;
  --font-serif-title:870;
  --font-serif-heavy:900;
  --font-sans-thin:200;
  --font-sans-light:318;
  --font-sans-regular:380;
  --font-sans-medium:450;
  --font-sans-semi-bold:575;
  --font-sans-bold:690;
  --font-sans-black:800;
  --font-weight-thin:100;
  --font-weight-extra-light:200;
  --font-weight-light:300;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semi-bold:600;
  --font-weight-bold:700;
  --font-weight-extra-bold:800;
  --font-weight-black:900;
  --font-serif:"VG Serif",serif;
  --font-sans:"VG Sans",sans-serif;
  --font-display:"VG Effekt",sans-serif;
}
.title-serif-m {
  font-family: var(--font-serif);
  font-size: max(40px, min(calc((40 / 580) * 100vw), 60px));
  font-weight: var(--font-serif-title);
  line-height: max(42px, min(calc((42 / 580) * 100vw), 63px));
}
.title-serif-s {
  font-size: max(24px, min(calc((24 / 580) * 100vw), 26px));
  line-height: max(30px, min(calc((30 / 580) * 100vw), 32px));
}
.title-serif-s,
.title-serif-xs {
  font-family: var(--font-serif);
  font-weight: var(--font-serif-bold);
}
.title-serif-xs {
  line-height: max(22px, min(calc((22 / 580) * 100vw), 26px));
}
.text-serif-m,
.title-serif-xs {
  font-size: max(18px, min(calc((18 / 580) * 100vw), 20px));
}
.text-serif-m {
  line-height: max(26px, min(calc((26 / 580) * 100vw), 30px));
}
.text-serif-l,
.text-serif-m {
  font-family: var(--font-serif);
  font-weight: var(--font-serif-regular);
}
.text-serif-l {
  font-size: max(20px, min(calc((20 / 580) * 100vw), 24px));
  line-height: max(28px, min(calc((28 / 580) * 100vw), 32px));
}
.text-sans-m {
  font-size: max(16px, min(calc((16 / 580) * 100vw), 18px));
  line-height: max(22px, min(calc((22 / 580) * 100vw), 26px));
}
.text-sans-m,
.text-sans-s {
  font-family: var(--font-sans);
  font-weight: var(--font-sans-regular);
}
.text-sans-s {
  font-size: max(14px, min(calc((14 / 580) * 100vw), 16px));
  line-height: max(18px, min(calc((18 / 580) * 100vw), 22px));
}
.text-sans-xs {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: var(--font-sans-regular);
  line-height: 18px;
}
.button-label-large {
  font-size: max(14px, min(calc((16 / 580) * 100vw), 16px));
  line-height: max(18px, min(calc((18 / 580) * 100vw), 20px));
}
.button-label-small {
  font-size: max(12px, min(calc((18 / 580) * 100vw), 14px));
  letter-spacing: -.005em;
  line-height: max(14px, min(calc((18 / 580) * 100vw), 16px));
}
.font-weight-thin {
  font-weight: var(--font-thin);
}
.font-weight-extra-light,
.font-weight-light {
  font-weight: var(--font-light);
}
.font-weight-regular {
  font-weight: var(--font-regular);
}
.font-weight-medium {
  font-weight: var(--font-medium);
}
.font-weight-semi-bold {
  font-weight: var(--font-semi-bold);
}
.font-weight-bold {
  font-weight: var(--font-bold);
}
.font-weight-extra-bold {
  font-weight: var(--font-extra-bold);
}
.font-weight-black {
  font-weight: var(--font-black);
}
.font-weight-heavy {
  font-weight: var(--font-heavy);
}
.label-large {
  font-size: 18px;
  line-height: 28px;
}
.label-medium {
  font-size: 16px;
  line-height: 21px;
}
.label-small {
  font-size: 14px;
  line-height: 18px;
}
.text-transform-uppercase {
  text-transform: uppercase;
}
.text-transform-lowercase {
  text-transform: lowercase;
}
.text-transform-capitalize {
  text-transform: capitalize;
}
.title-large {
  font-size: 22px;
  line-height: 28px;
}
.title-medium {
  font-size: 20px;
  line-height: 25px;
}
.title-small {
  font-size: 17px;
  line-height: 22px;
}
:root {
  --color-green-100:#e1fcf1;
  --color-green-200:#a2f6d4;
  --color-green-300:#4ce3a7;
  --color-green-400:#00b66d;
  --color-green-500:#006a40;
  --color-green-600:#005231;
  --color-green-700:#002013;
  --color-green-800:#000a06;
  --color-yellow-100:#fffddf;
  --color-yellow-200:#ffd19c;
  --color-yellow-300:#fca848;
  --color-yellow-400:#ff8400;
  --color-yellow-500:#7a3f00;
  --color-yellow-600:#6b3700;
  --color-yellow-700:#381d00;
  --color-yellow-800:#0a0500;
  --color-pink-100:#ffeaf7;
  --color-pink-200:#ffbae3;
  --color-pink-300:#ff74c7;
  --color-pink-400:#ff30ac;
  --color-pink-500:#ac0068;
  --color-pink-600:#80004d;
  --color-pink-700:#410027;
  --color-pink-800:#1a000f;
  --color-blue-100:#e2f5fe;
  --color-blue-200:#9fe0ff;
  --color-blue-300:#5dcbff;
  --color-blue-400:#00adff;
  --color-blue-500:#004f75;
  --color-blue-600:#00344d;
  --color-blue-700:#00202f;
  --color-blue-800:#00111a;
  --color-white:#ffffff;
  --color-gray-100:#faf6f6;
  --color-gray-200:#f7f0f0;
  --color-gray-300:#ebe0e0;
  --color-gray-400:#e0d2d2;
  --color-gray-500:#d3c5c5;
  --color-gray-600:#7f6868;
  --color-gray-700:#322525;
  --color-gray-800:#171111;
  --color-black:#1c0000;
  --color-red-100:#ffecec;
  --color-red-200:#ffc6c6;
  --color-red-300:#ff9090;
  --color-red-400:#ff1a00;
  --color-red-500:#dd0000;
  --color-red-600:#820000;
  --color-red-700:#470000;
  --color-red-800:#380000;
}