
// Do not edit directly, this file was auto-generated.

$asset-font-vy-sans-light-name: Vy Sans;
$asset-font-vy-sans-light-ttf: assets/fonts/VySans-Light.ttf;
$asset-font-vy-sans-light-eot: assets/fonts/VySans-Light.eot;
$asset-font-vy-sans-light-otf: assets/fonts/VySans-Light.otf;
$asset-font-vy-sans-light-woff: assets/fonts/VySans-Light.woff;
$asset-font-vy-sans-light-woff2: assets/fonts/VySans-Light.woff2;
$asset-font-vy-sans-light-italic-name: Vy Sans;
$asset-font-vy-sans-light-italic-ttf: assets/fonts/VySans-LightItalic.ttf;
$asset-font-vy-sans-light-italic-eot: assets/fonts/VySans-LightItalic.eot;
$asset-font-vy-sans-light-italic-otf: assets/fonts/VySans-LightItalic.otf;
$asset-font-vy-sans-light-italic-woff: assets/fonts/VySans-LightItalic.woff;
$asset-font-vy-sans-light-italic-woff2: assets/fonts/VySans-LightItalic.woff2;
$asset-font-vy-sans-medium-name: Vy Sans;
$asset-font-vy-sans-medium-ttf: assets/fonts/VySans-Regular.ttf;
$asset-font-vy-sans-medium-eot: assets/fonts/VySans-Regular.eot;
$asset-font-vy-sans-medium-otf: assets/fonts/VySans-Regular.otf;
$asset-font-vy-sans-medium-woff: assets/fonts/VySans-Regular.woff;
$asset-font-vy-sans-medium-woff2: assets/fonts/VySans-Regular.woff2;
$asset-font-vy-sans-medium-italic-name: Vy Sans;
$asset-font-vy-sans-medium-italic-ttf: assets/fonts/VySans-RegularItalic.ttf;
$asset-font-vy-sans-medium-italic-eot: assets/fonts/VySans-RegularItalic.eot;
$asset-font-vy-sans-medium-italic-otf: assets/fonts/VySans-RegularItalic.otf;
$asset-font-vy-sans-medium-italic-woff: assets/fonts/VySans-RegularItalic.woff;
$asset-font-vy-sans-medium-italic-woff2: assets/fonts/VySans-RegularItalic.woff2;
$asset-font-vy-sans-bold-name: Vy Sans;
$asset-font-vy-sans-bold-ttf: assets/fonts/VySans-Bold.ttf;
$asset-font-vy-sans-bold-eot: assets/fonts/VySans-Bold.eot;
$asset-font-vy-sans-bold-otf: assets/fonts/VySans-Bold.otf;
$asset-font-vy-sans-bold-woff: assets/fonts/VySans-Bold.woff;
$asset-font-vy-sans-bold-woff2: assets/fonts/VySans-Bold.woff2;
$asset-font-vy-sans-bold-italic-name: Vy Sans;
$asset-font-vy-sans-bold-italic-ttf: assets/fonts/VySans-BoldItalic.ttf;
$asset-font-vy-sans-bold-italic-eot: assets/fonts/VySans-BoldItalic.eot;
$asset-font-vy-sans-bold-italic-otf: assets/fonts/VySans-BoldItalic.otf;
$asset-font-vy-sans-bold-italic-woff: assets/fonts/VySans-BoldItalic.woff;
$asset-font-vy-sans-bold-italic-woff2: assets/fonts/VySans-BoldItalic.woff2;
$asset-font-vy-display-name: Vy Display;
$asset-font-vy-display-ttf: assets/fonts/VyDisplay-Medium.ttf;
$asset-font-vy-display-eot: assets/fonts/VyDisplay-Medium.eot;
$asset-font-vy-display-otf: assets/fonts/VyDisplay-Medium.otf;
$asset-font-vy-display-woff: assets/fonts/VyDisplay-Medium.woff;
$asset-font-vy-display-woff2: assets/fonts/VyDisplay-Medium.woff2;
$asset-font-roboto-mono-medium-name: Roboto Mono;
$asset-font-roboto-mono-medium-ttf: assets/fonts/RobotoMono-Regular.tff;
$asset-font-roboto-mono-medium-italic-name: Roboto Mono;
$asset-font-roboto-mono-medium-italic-ttf: assets/fonts/RobotoMono-Italic.tff;
$color-alias-interstellar: colors.green.1100;
$color-alias-night: colors.green.1000;
$color-alias-jungle: colors.green.900;
$color-alias-dark-teal: colors.green.800;
$color-alias-pine: colors.green.700;
$color-alias-primary-green: colors.green.600;
$color-alias-green-haze: colors.green.500;
$color-alias-azure: colors.green.400;
$color-alias-blue-green: colors.green.300;
$color-alias-coral-green: colors.green.200;
$color-alias-sea-mist: colors.green.100;
$color-alias-mint: colors.green.50;
$color-alias-ink: colors.grey.1100;
$color-alias-raven: colors.grey.1000;
$color-alias-umbra: colors.grey.900;
$color-alias-dark-grey: colors.grey.800;
$color-alias-carbon: colors.grey.700;
$color-alias-iron: colors.grey.600;
$color-alias-dim-grey: colors.grey.500;
$color-alias-oslo-grey: colors.grey.400;
$color-alias-steel: colors.grey.300;
$color-alias-silver: colors.grey.200;
$color-alias-platinum: colors.grey.100;
$color-alias-light-grey: colors.grey.50;
$color-alias-midnight: colors.blue.1100;
$color-alias-royal: colors.blue.1000;
$color-alias-navy: colors.blue.900;
$color-alias-dark-blue: colors.blue.800;
$color-alias-ocean: colors.blue.700;
$color-alias-blueberry: colors.blue.600;
$color-alias-glacier: colors.blue.500;
$color-alias-denim: colors.blue.400;
$color-alias-sky: colors.blue.300;
$color-alias-cloudy: colors.blue.200;
$color-alias-light-blue: colors.blue.100;
$color-alias-icy-blue: colors.blue.50;
$color-alias-secret: colors.yellow.1100;
$color-alias-olive: colors.yellow.1000;
$color-alias-coffee: colors.yellow.900;
$color-alias-cigar: colors.yellow.800;
$color-alias-bronze: colors.yellow.700;
$color-alias-mustard: colors.yellow.600;
$color-alias-golden: colors.yellow.500;
$color-alias-burnt-yellow: colors.yellow.400;
$color-alias-banana: colors.yellow.300;
$color-alias-primrose: colors.yellow.200;
$color-alias-blonde: colors.yellow.100;
$color-alias-cornsilk: colors.yellow.50;
$color-alias-balsamico: colors.orange.1100;
$color-alias-toast: colors.orange.1000;
$color-alias-chocolate: colors.orange.900;
$color-alias-wood: colors.orange.800;
$color-alias-russet: colors.orange.700;
$color-alias-autumn: colors.orange.600;
$color-alias-pumpkin: colors.orange.500;
$color-alias-caramel: colors.orange.400;
$color-alias-saffron: colors.orange.300;
$color-alias-rajah: colors.orange.200;
$color-alias-champagne: colors.orange.100;
$color-alias-bisque: colors.orange.50;
$color-alias-hoisin: colors.red.1100;
$color-alias-aubergine: colors.red.1000;
$color-alias-maroon: colors.red.900;
$color-alias-burgundy: colors.red.800;
$color-alias-crimson: colors.red.700;
$color-alias-bright-red: colors.red.600;
$color-alias-region: colors.red.500;
$color-alias-carmine: colors.red.400;
$color-alias-apricot: colors.red.300;
$color-alias-salmon: colors.red.200;
$color-alias-light-red: colors.red.100;
$color-alias-pink: colors.red.50;
$color-alias-white: colors.white;
$color-alias-black: colors.black;
$color-cargonet-text-default: [object Object];
$color-cargonet-text-highlight: [object Object];
$color-cargonet-text-subtle: [object Object];
$color-cargonet-text-disabled: [object Object];
$color-cargonet-text-core: [object Object];
$color-cargonet-text-brand: [object Object];
$color-cargonet-text-accent: [object Object];
$color-cargonet-text-ghost: [object Object];
$color-cargonet-text-floating: [object Object];
$color-cargonet-text-neutral-default: [object Object];
$color-cargonet-text-neutral-subtle: [object Object];
$color-cargonet-text-info-default: [object Object];
$color-cargonet-text-info-subtle: [object Object];
$color-cargonet-text-success-default: [object Object];
$color-cargonet-text-success-subtle: [object Object];
$color-cargonet-text-warning-default: [object Object];
$color-cargonet-text-warning-subtle: [object Object];
$color-cargonet-text-caution-default: [object Object];
$color-cargonet-text-caution-subtle: [object Object];
$color-cargonet-text-critical-default: [object Object];
$color-cargonet-text-critical-subtle: [object Object];
$color-cargonet-text-notice-default: [object Object];
$color-cargonet-text-notice-subtle: [object Object];
$color-cargonet-text-service-default: [object Object];
$color-cargonet-text-service-subtle: [object Object];
$color-cargonet-icon-default: [object Object];
$color-cargonet-icon-highlight: [object Object];
$color-cargonet-icon-subtle: [object Object];
$color-cargonet-icon-disabled: [object Object];
$color-cargonet-icon-core: [object Object];
$color-cargonet-icon-brand: [object Object];
$color-cargonet-icon-accent: [object Object];
$color-cargonet-icon-ghost: [object Object];
$color-cargonet-icon-floating: [object Object];
$color-cargonet-icon-neutral: [object Object];
$color-cargonet-icon-info: [object Object];
$color-cargonet-icon-success: [object Object];
$color-cargonet-icon-warning: [object Object];
$color-cargonet-icon-caution: [object Object];
$color-cargonet-icon-critical: [object Object];
$color-cargonet-icon-notice: [object Object];
$color-cargonet-icon-service: [object Object];
$color-cargonet-bg-default: [object Object];
$color-cargonet-bg-subtle: [object Object];
$color-cargonet-bg-brand: [object Object];
$color-cargonet-bg-accent: [object Object];
$color-cargonet-outline-default: [object Object];
$color-cargonet-outline-error: [object Object];
$color-cargonet-outline-focus: [object Object];
$color-cargonet-outline-disabled: [object Object];
$color-cargonet-outline-core-default: [object Object];
$color-cargonet-outline-core-hover: [object Object];
$color-cargonet-outline-floating-default: [object Object];
$color-cargonet-outline-floating-hover: [object Object];
$color-cargonet-outline-neutral-default: [object Object];
$color-cargonet-outline-neutral-hover: [object Object];
$color-cargonet-outline-info-default: [object Object];
$color-cargonet-outline-info-hover: [object Object];
$color-cargonet-outline-success-default: [object Object];
$color-cargonet-outline-success-hover: [object Object];
$color-cargonet-outline-warning-default: [object Object];
$color-cargonet-outline-warning-hover: [object Object];
$color-cargonet-outline-caution-default: [object Object];
$color-cargonet-outline-caution-hover: [object Object];
$color-cargonet-outline-critical-default: [object Object];
$color-cargonet-outline-critical-hover: [object Object];
$color-cargonet-outline-notice-default: [object Object];
$color-cargonet-outline-notice-hover: [object Object];
$color-cargonet-outline-service-default: [object Object];
$color-cargonet-outline-service-hover: [object Object];
$color-cargonet-surface-default: [object Object];
$color-cargonet-surface-subtle: [object Object];
$color-cargonet-surface-highlight: [object Object];
$color-cargonet-surface-overlay: [object Object];
$color-cargonet-surface-disabled: [object Object];
$color-cargonet-surface-core-active: [object Object];
$color-cargonet-surface-brand-default: [object Object];
$color-cargonet-surface-brand-hover: [object Object];
$color-cargonet-surface-brand-active: [object Object];
$color-cargonet-surface-accent-default: [object Object];
$color-cargonet-surface-accent-hover: [object Object];
$color-cargonet-surface-accent-active: [object Object];
$color-cargonet-surface-ghost-hover: [object Object];
$color-cargonet-surface-ghost-active: [object Object];
$color-cargonet-surface-floating-default: [object Object];
$color-cargonet-surface-floating-hover: [object Object];
$color-cargonet-surface-floating-active: [object Object];
$color-cargonet-surface-neutral-default: [object Object];
$color-cargonet-surface-neutral-hover: [object Object];
$color-cargonet-surface-neutral-active: [object Object];
$color-cargonet-surface-info-default: [object Object];
$color-cargonet-surface-info-hover: [object Object];
$color-cargonet-surface-info-active: [object Object];
$color-cargonet-surface-success-default: [object Object];
$color-cargonet-surface-success-hover: [object Object];
$color-cargonet-surface-success-active: [object Object];
$color-cargonet-surface-warning-default: [object Object];
$color-cargonet-surface-warning-hover: [object Object];
$color-cargonet-surface-warning-active: [object Object];
$color-cargonet-surface-caution-default: [object Object];
$color-cargonet-surface-caution-hover: [object Object];
$color-cargonet-surface-caution-active: [object Object];
$color-cargonet-surface-critical-default: [object Object];
$color-cargonet-surface-critical-hover: [object Object];
$color-cargonet-surface-critical-active: [object Object];
$color-cargonet-surface-notice-default: [object Object];
$color-cargonet-surface-notice-hover: [object Object];
$color-cargonet-surface-notice-active: [object Object];
$color-cargonet-surface-service-default: [object Object];
$color-cargonet-surface-service-hover: [object Object];
$color-cargonet-surface-service-active: [object Object];
$color-cargonet-surface-transport-train-lokal: [object Object];
$color-cargonet-surface-transport-train-region: [object Object];
$color-cargonet-surface-transport-train-regionekspress: [object Object];
$color-cargonet-surface-transport-train-fjern: [object Object];
$color-cargonet-surface-transport-train-fly: [object Object];
$color-cargonet-surface-transport-hover: [object Object];
$color-cargonet-surface-transport-bus-bussfortog: [object Object];
$color-cargonet-surface-transport-bus-vy: [object Object];
$color-cargonet-surface-transport-bus-lokal: [object Object];
$color-cargonet-surface-transport-bus-ruter-oslo: [object Object];
$color-cargonet-surface-transport-bus-ruter-akershus: [object Object];
$color-cargonet-surface-transport-ferry-default: [object Object];
$color-cargonet-surface-transport-tram-default: [object Object];
$color-cargonet-surface-transport-subway-default: [object Object];
$color-cargonet-surface-transport-other-default: [object Object];
$color-linjetag-lokaltog: #65B152;
$color-linjetag-lokaltog-light: #E5F6D1;
$color-linjetag-regiontog: #C34C4C;
$color-linjetag-regiontog-light: #FBE8EB;
$color-linjetag-region-ekspress: #10A8B2;
$color-linjetag-region-ekspress-light: #D8F1F4;
$color-linjetag-fjerntog: #325D93;
$color-linjetag-fjerntog-light: #DCE4EF;
$color-linjetag-flytog: #CF6C05;
$color-linjetag-flytog-light: #FFE6CC;
$color-linjetag-vy-buss: #037D67;
$color-linjetag-vy-buss-light: #E5F4F1;
$color-linjetag-lokalbuss: #606568;
$color-linjetag-lokalbuss-light: #EBEBEC;
$color-linjetag-ferge: #965F96;
$color-linjetag-ferge-light: #F0DDF0;
$color-linjetag-trikk: #3998DC;
$color-linjetag-trikk-light: #D9EDFB;
$color-linjetag-tbane: #FF8200;
$color-linjetag-tbane-light: #FFE6CC;
$color-linjetag-alt-transport: #FAE053;
$color-linjetag-alt-transport-light: #FDF3BA;
$color-linjetag-ruter-oslo: #E60000;
$color-linjetag-ruter-akershus: #76A300;
$color-palette-grey-50: #F5F5F5;
$color-palette-grey-100: #EBEBEC;
$color-palette-grey-200: #D7D8D9;
$color-palette-grey-300: #AFB2B3;
$color-palette-grey-400: #888B8E;
$color-palette-grey-500: #606568;
$color-palette-grey-600: #4F5054;
$color-palette-grey-700: #363638;
$color-palette-grey-800: #2B2B2C;
$color-palette-grey-900: #1C1C1D;
$color-palette-grey-1000: #131314;
$color-palette-grey-1100: #0B0B0B;
$color-palette-green-50: #E5F4F1;
$color-palette-green-100: #CCEAE4;
$color-palette-green-200: #B2DFD7;
$color-palette-green-300: #84CFC2;
$color-palette-green-400: #38B49E;
$color-palette-green-500: #00957A;
$color-palette-green-600: #037D67;
$color-palette-green-700: #00685E;
$color-palette-green-800: #00453E;
$color-palette-green-900: #012622;
$color-palette-green-1000: #001A18;
$color-palette-green-1100: #001211;
$color-palette-blue-50: #EDF1F7;
$color-palette-blue-100: #DCE4EF;
$color-palette-blue-200: #B9C9DE;
$color-palette-blue-300: #A7BCD6;
$color-palette-blue-400: #8BA7CA;
$color-palette-blue-500: #688CBA;
$color-palette-blue-600: #4B78B0;
$color-palette-blue-700: #325D93;
$color-palette-blue-800: #003A70;
$color-palette-blue-900: #032647;
$color-palette-blue-1000: #041A2F;
$color-palette-blue-1100: #01101D;
$color-palette-yellow-50: #FEF9DD;
$color-palette-yellow-100: #FDF3BA;
$color-palette-yellow-200: #FCEC98;
$color-palette-yellow-300: #FAE053;
$color-palette-yellow-400: #F1C400;
$color-palette-yellow-500: #D7A700;
$color-palette-yellow-600: #B38307;
$color-palette-yellow-700: #8A6404;
$color-palette-yellow-800: #634803;
$color-palette-yellow-900: #413300;
$color-palette-yellow-1000: #2A2203;
$color-palette-yellow-1100: #1C1600;
$color-palette-orange-50: #FFE6CC;
$color-palette-orange-100: #FFCD99;
$color-palette-orange-200: #FFB466;
$color-palette-orange-300: #FF9B33;
$color-palette-orange-400: #EE8A14;
$color-palette-orange-500: #DF8200;
$color-palette-orange-600: #BB4D0F;
$color-palette-orange-700: #84441F;
$color-palette-orange-800: #572F0F;
$color-palette-orange-900: #3A1E0E;
$color-palette-orange-1000: #28160A;
$color-palette-orange-1100: #1A0F07;
$color-palette-red-50: #FFEBEB;
$color-palette-red-100: #FBCCCC;
$color-palette-red-200: #F8A6A6;
$color-palette-red-300: #EF7E7E;
$color-palette-red-400: #E26767;
$color-palette-red-500: #C34C4C;
$color-palette-red-600: #D71818;
$color-palette-red-700: #932B2B;
$color-palette-red-800: #581F1F;
$color-palette-red-900: #371818;
$color-palette-red-1000: #240D0D;
$color-palette-red-1100: #120404;
$color-palette-white: #FFFFFF;
$color-palette-black: #000000;
$color-palette-white-alpha-25: rgba(255, 255, 255, 0.025);
$color-palette-white-alpha-50: rgba(255, 255, 255, 0.05);
$color-palette-white-alpha-100: rgba(255, 255, 255, 0.1);
$color-palette-white-alpha-200: rgba(255, 255, 255, 0.2);
$color-palette-white-alpha-300: rgba(255, 255, 255, 0.3);
$color-palette-white-alpha-400: rgba(255, 255, 255, 0.4);
$color-palette-white-alpha-500: rgba(255, 255, 255, 0.5);
$color-palette-white-alpha-600: rgba(255, 255, 255, 0.6);
$color-palette-white-alpha-700: rgba(255, 255, 255, 0.7);
$color-palette-white-alpha-800: rgba(255, 255, 255, 0.8);
$color-palette-white-alpha-900: rgba(255, 255, 255, 0.9);
$color-palette-black-alpha-25: rgba(0, 0, 0, 0.025);
$color-palette-black-alpha-50: rgba(0, 0, 0, 0.05);
$color-palette-black-alpha-100: rgba(0, 0, 0, 0.1);
$color-palette-black-alpha-200: rgba(0, 0, 0, 0.2);
$color-palette-black-alpha-300: rgba(0, 0, 0, 0.3);
$color-palette-black-alpha-400: rgba(0, 0, 0, 0.4);
$color-palette-black-alpha-500: rgba(0, 0, 0, 0.5);
$color-palette-black-alpha-600: rgba(0, 0, 0, 0.6);
$color-palette-black-alpha-700: rgba(0, 0, 0, 0.7);
$color-palette-black-alpha-800: rgba(0, 0, 0, 0.8);
$color-palette-black-alpha-900: rgba(0, 0, 0, 0.9);
$color-vy-digital-text-default: [object Object];
$color-vy-digital-text-highlight: [object Object];
$color-vy-digital-text-subtle: [object Object];
$color-vy-digital-text-disabled: [object Object];
$color-vy-digital-text-core: [object Object];
$color-vy-digital-text-brand: [object Object];
$color-vy-digital-text-accent: [object Object];
$color-vy-digital-text-ghost: [object Object];
$color-vy-digital-text-floating: [object Object];
$color-vy-digital-text-neutral-default: [object Object];
$color-vy-digital-text-neutral-subtle: [object Object];
$color-vy-digital-text-info-default: [object Object];
$color-vy-digital-text-info-subtle: [object Object];
$color-vy-digital-text-success-default: [object Object];
$color-vy-digital-text-success-subtle: [object Object];
$color-vy-digital-text-warning-default: [object Object];
$color-vy-digital-text-warning-subtle: [object Object];
$color-vy-digital-text-caution-default: [object Object];
$color-vy-digital-text-caution-subtle: [object Object];
$color-vy-digital-text-critical-default: [object Object];
$color-vy-digital-text-critical-subtle: [object Object];
$color-vy-digital-text-notice-default: [object Object];
$color-vy-digital-text-notice-subtle: [object Object];
$color-vy-digital-text-service-default: [object Object];
$color-vy-digital-text-service-subtle: [object Object];
$color-vy-digital-icon-default: [object Object];
$color-vy-digital-icon-highlight: [object Object];
$color-vy-digital-icon-disabled: [object Object];
$color-vy-digital-icon-core: [object Object];
$color-vy-digital-icon-brand: [object Object];
$color-vy-digital-icon-accent: [object Object];
$color-vy-digital-icon-ghost: [object Object];
$color-vy-digital-icon-floating: [object Object];
$color-vy-digital-icon-neutral: [object Object];
$color-vy-digital-icon-info: [object Object];
$color-vy-digital-icon-success: [object Object];
$color-vy-digital-icon-warning: [object Object];
$color-vy-digital-icon-caution: [object Object];
$color-vy-digital-icon-critical: [object Object];
$color-vy-digital-icon-notice: [object Object];
$color-vy-digital-icon-service: [object Object];
$color-vy-digital-bg-default: [object Object];
$color-vy-digital-bg-subtle: [object Object];
$color-vy-digital-bg-brand: [object Object];
$color-vy-digital-bg-accent: [object Object];
$color-vy-digital-outline-default: [object Object];
$color-vy-digital-outline-error: [object Object];
$color-vy-digital-outline-focus: [object Object];
$color-vy-digital-outline-disabled: [object Object];
$color-vy-digital-outline-core-default: [object Object];
$color-vy-digital-outline-core-hover: [object Object];
$color-vy-digital-outline-floating-default: [object Object];
$color-vy-digital-outline-floating-hover: [object Object];
$color-vy-digital-outline-neutral-default: [object Object];
$color-vy-digital-outline-neutral-hover: [object Object];
$color-vy-digital-outline-info-default: [object Object];
$color-vy-digital-outline-info-hover: [object Object];
$color-vy-digital-outline-success-default: [object Object];
$color-vy-digital-outline-success-hover: [object Object];
$color-vy-digital-outline-warning-default: [object Object];
$color-vy-digital-outline-warning-hover: [object Object];
$color-vy-digital-outline-caution-default: [object Object];
$color-vy-digital-outline-caution-hover: [object Object];
$color-vy-digital-outline-critical-default: [object Object];
$color-vy-digital-outline-critical-hover: [object Object];
$color-vy-digital-outline-notice-default: [object Object];
$color-vy-digital-outline-notice-hover: [object Object];
$color-vy-digital-outline-service-default: [object Object];
$color-vy-digital-outline-service-hover: [object Object];
$color-vy-digital-surface-default: [object Object];
$color-vy-digital-surface-subtle: [object Object];
$color-vy-digital-surface-highlight: [object Object];
$color-vy-digital-surface-overlay: [object Object];
$color-vy-digital-surface-disabled: [object Object];
$color-vy-digital-surface-core-active: [object Object];
$color-vy-digital-surface-brand-default: [object Object];
$color-vy-digital-surface-brand-hover: [object Object];
$color-vy-digital-surface-brand-active: [object Object];
$color-vy-digital-surface-accent-default: [object Object];
$color-vy-digital-surface-accent-hover: [object Object];
$color-vy-digital-surface-accent-active: [object Object];
$color-vy-digital-surface-ghost-hover: [object Object];
$color-vy-digital-surface-ghost-active: [object Object];
$color-vy-digital-surface-floating-default: [object Object];
$color-vy-digital-surface-floating-hover: [object Object];
$color-vy-digital-surface-floating-active: [object Object];
$color-vy-digital-surface-neutral-default: [object Object];
$color-vy-digital-surface-neutral-hover: [object Object];
$color-vy-digital-surface-neutral-active: [object Object];
$color-vy-digital-surface-info-default: [object Object];
$color-vy-digital-surface-info-hover: [object Object];
$color-vy-digital-surface-info-active: [object Object];
$color-vy-digital-surface-success-default: [object Object];
$color-vy-digital-surface-success-hover: [object Object];
$color-vy-digital-surface-success-active: [object Object];
$color-vy-digital-surface-warning-default: [object Object];
$color-vy-digital-surface-warning-hover: [object Object];
$color-vy-digital-surface-warning-active: [object Object];
$color-vy-digital-surface-caution-default: [object Object];
$color-vy-digital-surface-caution-hover: [object Object];
$color-vy-digital-surface-caution-active: [object Object];
$color-vy-digital-surface-critical-default: [object Object];
$color-vy-digital-surface-critical-hover: [object Object];
$color-vy-digital-surface-critical-active: [object Object];
$color-vy-digital-surface-notice-default: [object Object];
$color-vy-digital-surface-notice-hover: [object Object];
$color-vy-digital-surface-notice-active: [object Object];
$color-vy-digital-surface-service-default: [object Object];
$color-vy-digital-surface-service-hover: [object Object];
$color-vy-digital-surface-service-active: [object Object];
$color-vy-digital-surface-transport-train-lokal: [object Object];
$color-vy-digital-surface-transport-train-region: [object Object];
$color-vy-digital-surface-transport-train-regionekspress: [object Object];
$color-vy-digital-surface-transport-train-fjern: [object Object];
$color-vy-digital-surface-transport-train-fly: [object Object];
$color-vy-digital-surface-transport-hover: [object Object];
$color-vy-digital-surface-transport-bus-bussfortog: [object Object];
$color-vy-digital-surface-transport-bus-vy: [object Object];
$color-vy-digital-surface-transport-bus-lokal: [object Object];
$color-vy-digital-surface-transport-bus-ruter-oslo: [object Object];
$color-vy-digital-surface-transport-bus-ruter-akershus: [object Object];
$color-vy-digital-surface-transport-ferry-default: [object Object];
$color-vy-digital-surface-transport-tram-default: [object Object];
$color-vy-digital-surface-transport-subway-default: [object Object];
$color-vy-digital-surface-transport-other-default: [object Object];
$color-vy-utvikling-text-default: [object Object];
$color-vy-utvikling-text-highlight: [object Object];
$color-vy-utvikling-text-subtle: [object Object];
$color-vy-utvikling-text-disabled: [object Object];
$color-vy-utvikling-text-core: [object Object];
$color-vy-utvikling-text-brand: [object Object];
$color-vy-utvikling-text-accent: [object Object];
$color-vy-utvikling-text-ghost: [object Object];
$color-vy-utvikling-text-floating: [object Object];
$color-vy-utvikling-text-neutral-default: [object Object];
$color-vy-utvikling-text-neutral-subtle: [object Object];
$color-vy-utvikling-text-info-default: [object Object];
$color-vy-utvikling-text-info-subtle: [object Object];
$color-vy-utvikling-text-success-default: [object Object];
$color-vy-utvikling-text-success-subtle: [object Object];
$color-vy-utvikling-text-warning-default: [object Object];
$color-vy-utvikling-text-warning-subtle: [object Object];
$color-vy-utvikling-text-caution-default: [object Object];
$color-vy-utvikling-text-caution-subtle: [object Object];
$color-vy-utvikling-text-critical-default: [object Object];
$color-vy-utvikling-text-critical-subtle: [object Object];
$color-vy-utvikling-text-notice-default: [object Object];
$color-vy-utvikling-text-notice-subtle: [object Object];
$color-vy-utvikling-text-service-default: [object Object];
$color-vy-utvikling-text-service-subtle: [object Object];
$color-vy-utvikling-icon-default: [object Object];
$color-vy-utvikling-icon-highlight: [object Object];
$color-vy-utvikling-icon-disabled: [object Object];
$color-vy-utvikling-icon-core: [object Object];
$color-vy-utvikling-icon-brand: [object Object];
$color-vy-utvikling-icon-accent: [object Object];
$color-vy-utvikling-icon-ghost: [object Object];
$color-vy-utvikling-icon-floating: [object Object];
$color-vy-utvikling-icon-neutral: [object Object];
$color-vy-utvikling-icon-info: [object Object];
$color-vy-utvikling-icon-success: [object Object];
$color-vy-utvikling-icon-warning: [object Object];
$color-vy-utvikling-icon-caution: [object Object];
$color-vy-utvikling-icon-critical: [object Object];
$color-vy-utvikling-icon-notice: [object Object];
$color-vy-utvikling-icon-service: [object Object];
$color-vy-utvikling-bg-default: [object Object];
$color-vy-utvikling-bg-subtle: [object Object];
$color-vy-utvikling-bg-brand: [object Object];
$color-vy-utvikling-bg-accent: [object Object];
$color-vy-utvikling-outline-default: [object Object];
$color-vy-utvikling-outline-error: [object Object];
$color-vy-utvikling-outline-focus: [object Object];
$color-vy-utvikling-outline-disabled: [object Object];
$color-vy-utvikling-outline-core-default: [object Object];
$color-vy-utvikling-outline-core-hover: [object Object];
$color-vy-utvikling-outline-floating-default: [object Object];
$color-vy-utvikling-outline-floating-hover: [object Object];
$color-vy-utvikling-outline-neutral-default: [object Object];
$color-vy-utvikling-outline-neutral-hover: [object Object];
$color-vy-utvikling-outline-info-default: [object Object];
$color-vy-utvikling-outline-info-hover: [object Object];
$color-vy-utvikling-outline-success-default: [object Object];
$color-vy-utvikling-outline-success-hover: [object Object];
$color-vy-utvikling-outline-warning-default: [object Object];
$color-vy-utvikling-outline-warning-hover: [object Object];
$color-vy-utvikling-outline-caution-default: [object Object];
$color-vy-utvikling-outline-caution-hover: [object Object];
$color-vy-utvikling-outline-critical-default: [object Object];
$color-vy-utvikling-outline-critical-hover: [object Object];
$color-vy-utvikling-outline-notice-default: [object Object];
$color-vy-utvikling-outline-notice-hover: [object Object];
$color-vy-utvikling-outline-service-default: [object Object];
$color-vy-utvikling-outline-service-hover: [object Object];
$color-vy-utvikling-surface-default: [object Object];
$color-vy-utvikling-surface-subtle: [object Object];
$color-vy-utvikling-surface-highlight: [object Object];
$color-vy-utvikling-surface-overlay: [object Object];
$color-vy-utvikling-surface-disabled: [object Object];
$color-vy-utvikling-surface-core-active: [object Object];
$color-vy-utvikling-surface-brand-default: [object Object];
$color-vy-utvikling-surface-brand-hover: [object Object];
$color-vy-utvikling-surface-brand-active: [object Object];
$color-vy-utvikling-surface-accent-default: [object Object];
$color-vy-utvikling-surface-accent-hover: [object Object];
$color-vy-utvikling-surface-accent-active: [object Object];
$color-vy-utvikling-surface-ghost-hover: [object Object];
$color-vy-utvikling-surface-ghost-active: [object Object];
$color-vy-utvikling-surface-floating-default: [object Object];
$color-vy-utvikling-surface-floating-hover: [object Object];
$color-vy-utvikling-surface-floating-active: [object Object];
$color-vy-utvikling-surface-neutral-default: [object Object];
$color-vy-utvikling-surface-neutral-hover: [object Object];
$color-vy-utvikling-surface-neutral-active: [object Object];
$color-vy-utvikling-surface-info-default: [object Object];
$color-vy-utvikling-surface-info-hover: [object Object];
$color-vy-utvikling-surface-info-active: [object Object];
$color-vy-utvikling-surface-success-default: [object Object];
$color-vy-utvikling-surface-success-hover: [object Object];
$color-vy-utvikling-surface-success-active: [object Object];
$color-vy-utvikling-surface-warning-default: [object Object];
$color-vy-utvikling-surface-warning-hover: [object Object];
$color-vy-utvikling-surface-warning-active: [object Object];
$color-vy-utvikling-surface-caution-default: [object Object];
$color-vy-utvikling-surface-caution-hover: [object Object];
$color-vy-utvikling-surface-caution-active: [object Object];
$color-vy-utvikling-surface-critical-default: [object Object];
$color-vy-utvikling-surface-critical-hover: [object Object];
$color-vy-utvikling-surface-critical-active: [object Object];
$color-vy-utvikling-surface-notice-default: [object Object];
$color-vy-utvikling-surface-notice-hover: [object Object];
$color-vy-utvikling-surface-notice-active: [object Object];
$color-vy-utvikling-surface-service-default: [object Object];
$color-vy-utvikling-surface-service-hover: [object Object];
$color-vy-utvikling-surface-service-active: [object Object];
$color-vy-utvikling-surface-transport-train-lokal: [object Object];
$color-vy-utvikling-surface-transport-train-region: [object Object];
$color-vy-utvikling-surface-transport-train-regionekspress: [object Object];
$color-vy-utvikling-surface-transport-train-fjern: [object Object];
$color-vy-utvikling-surface-transport-train-fly: [object Object];
$color-vy-utvikling-surface-transport-hover: [object Object];
$color-vy-utvikling-surface-transport-bus-bussfortog: [object Object];
$color-vy-utvikling-surface-transport-bus-vy: [object Object];
$color-vy-utvikling-surface-transport-bus-lokal: [object Object];
$color-vy-utvikling-surface-transport-bus-ruter-oslo: [object Object];
$color-vy-utvikling-surface-transport-bus-ruter-akershus: [object Object];
$color-vy-utvikling-surface-transport-ferry-default: [object Object];
$color-vy-utvikling-surface-transport-tram-default: [object Object];
$color-vy-utvikling-surface-transport-subway-default: [object Object];
$color-vy-utvikling-surface-transport-other-default: [object Object];
$depth-shadow-sm: [object Object];
$depth-shadow-md: [object Object];
$depth-shadow-lg: [object Object];
$depth-z-index-hide: -1;
$depth-z-index-base: 0;
$depth-z-index-docked: 10;
$depth-z-index-dropdown: 1000;
$depth-z-index-sticky: 1100;
$depth-z-index-banner: 1200;
$depth-z-index-overlay: 1300;
$depth-z-index-modal: 1400;
$depth-z-index-popover: 1500;
$depth-z-index-skip-link: 1600;
$depth-z-index-toast: 1700;
$font-family-heading: "Vy Display";
$font-family-body: "Vy Sans";
$font-family-monospace: "Roboto Mono";
$font-style-xxl-font-family: "Vy Display";
$font-style-xxl-line-height: 1.333;
$font-style-xxl-font-size-mobile: 2.25rem;
$font-style-xxl-font-size-desktop: 3.375rem;
$font-style-xl-display-font-family: "Vy Display";
$font-style-xl-display-line-height: 1.333;
$font-style-xl-display-font-size-mobile: 1.875rem;
$font-style-xl-display-font-size-desktop: 2.5rem;
$font-style-xl-sans-font-family: "Vy Sans";
$font-style-xl-sans-line-height: 1.333;
$font-style-xl-sans-font-size-mobile: 1.875rem;
$font-style-xl-sans-font-size-desktop: 2.5rem;
$font-style-lg-font-family: "Vy Sans";
$font-style-lg-line-height: 1.5;
$font-style-lg-font-size-mobile: 1.5rem;
$font-style-lg-font-size-desktop: 1.875rem;
$font-style-md-lg-font-family: "Vy Sans";
$font-style-md-lg-line-height: 1.5;
$font-style-md-lg-font-size-mobile: 1.3125rem;
$font-style-md-lg-font-size-desktop: 1.5rem;
$font-style-md-font-family: "Vy Sans";
$font-style-md-line-height: 1.5;
$font-style-md-font-size-mobile: 1.125rem;
$font-style-md-font-size-desktop: 1.3125rem;
$font-style-sm-font-family: "Vy Sans";
$font-style-sm-line-height: 1.5;
$font-style-sm-font-size-mobile: 1rem;
$font-style-sm-font-size-desktop: 1.125rem;
$font-style-xs-font-family: "Vy Sans";
$font-style-xs-line-height: 1.5;
$font-style-xs-font-size-mobile: 0.875rem;
$font-style-xs-font-size-desktop: 1rem;
$font-style-2xs-font-family: "Vy Sans";
$font-style-2xs-line-height: 1.5;
$font-style-2xs-font-size-mobile: 0.75rem;
$font-style-2xs-font-size-desktop: 0.875rem;
$size-border-radius-none: 0rem; // Should only be used for images, site headers, footers and article cards
$size-border-radius-xxs: 0.1875rem; // Should be used for very small elements, such as icons or small badges
$size-border-radius-xs: 0.375rem; // Should only be used for the smallest components, like tooltips and info boxes
$size-border-radius-sm: 0.75rem; // The default. A single line of text is the most typical usecase
$size-border-radius-md: 1.125rem; // Should be used for components with several components stacked vertically
$size-border-radius-lg: 1.5rem; // Should be used on larger components, like drawers
$size-border-radius-xl: 1.875rem; // Should be used for buttons, tags and labels. Provides a complete rounding effect for single lines of text
$size-border-radius-2xl: 2.25rem; // Should only be used for the app header
$size-breakpoint-sm: 35.5rem; // Phones in landscape mode
$size-breakpoint-md: 48.0625rem; // Tablets in portrait mode
$size-breakpoint-lg: 64.0625rem; // Medium sized laptop screens
$size-breakpoint-xl: 99.75rem; // Large laptop screens
$size-font-2xs-mobile: 0.75rem;
$size-font-2xs-desktop: 0.875rem;
$size-font-xs-mobile: 0.875rem;
$size-font-xs-desktop: 1rem;
$size-font-sm-mobile: 1rem;
$size-font-sm-desktop: 1.125rem;
$size-font-md-mobile: 1.125rem;
$size-font-md-desktop: 1.3125rem;
$size-font-md-lg-mobile: 1.3125rem;
$size-font-md-lg-desktop: 1.5rem;
$size-font-lg-mobile: 1.5rem;
$size-font-lg-desktop: 1.875rem;
$size-font-xl-mobile: 1.875rem;
$size-font-xl-desktop: 2.5rem;
$size-font-xxl-mobile: 2.25rem;
$size-font-xxl-desktop: 3.375rem;
$size-line-height-heading: 1.333;
$size-line-height-body: 1.5;
$size-spacing-0: 0rem;
$size-spacing-1: 0.375rem; // This is the base spacing value
$size-spacing-2: 0.75rem;
$size-spacing-3: 1.125rem;
$size-spacing-4: 1.5rem;
$size-spacing-5: 1.875rem;
$size-spacing-6: 2.25rem;
$size-spacing-7: 2.625rem;
$size-spacing-8: 3.375rem;
$size-spacing-9: 4.5rem;
$size-spacing-10: 5.625rem;
$size-spacing-11: 7.5rem;
$size-spacing-12: 11.25rem;
$size-spacing-13: 12.5rem;
$size-spacing-0-5: 0.1875rem;
$size-spacing-1-5: 0.5625rem;
$size-spacing-2-5: 0.9375rem;
$size-stroke-sm: 0.0625rem;
$size-stroke-md: 0.125rem;
$size-stroke-lg: 0.1875rem;
$time-transition-slow: 0.5s cubic-bezier(0, 0.3, 0.3, 1); // Should be used when you need a slower animation. Works great for large objects, or when the animated element is moving a larger distance
$time-transition-medium: 0.3s cubic-bezier(0, 0.1, 0.3, 1); // Should be used for medium transitions. Works great for when elements are moving, or when animating width or height
$time-transition-fast: 0.1s cubic-bezier(0, 0.1, 0.3, 1); // Should be used for quick transitions between similar states.
