@layer tokens{:root{--size: .25rem;--size-1: calc(var(--size) / 4);--size-2: calc(var(--size) / 2);--size-4: var(--size);--size-6: calc(var(--size) * 1.5);--size-8: calc(var(--size) * 2);--size-12: calc(var(--size) * 3);--size-16: calc(var(--size) * 4);--size-18: calc(var(--size) * 4.5);--size-20: calc(var(--size) * 5);--size-22: calc(var(--size) * 5.5);--size-24: calc(var(--size) * 6);--size-28: calc(var(--size) * 7);--size-32: calc(var(--size) * 8);--size-36: calc(var(--size) * 9);--size-40: calc(var(--size) * 10);--size-44: calc(var(--size) * 11);--size-48: calc(var(--size) * 12);--size-56: calc(var(--size) * 14);--size-1024: calc(var(--size) * 256);--color-black: hsl(0, 0%, 0%);--color-white: hsl(0, 0%, 100%);--color-black-alpha-15: hsla(0, 0%, 0%, .15);--color-black-alpha-40: hsla(0, 0%, 0%, .4);--color-neutral-5: hsl(0, 0%, 5%);--color-neutral-30: hsl(0, 0%, 30%);--color-neutral-45: hsl(0, 0%, 45%);--color-neutral-60: hsl(0, 0%, 60%);--color-neutral-70: hsl(0, 0%, 70%);--color-neutral-80: hsl(0, 0%, 80%);--color-neutral-91: hsl(0, 0%, 91%);--color-neutral-95: hsl(0, 0%, 95%);--color-lava-42: hsl(3, 98%, 42%);--color-lava-52: hsl(3, 96%, 52%);--color-orange-36: hsl(33, 99%, 36%);--color-orange-42: hsl(30, 89%, 42%);--color-orange-47: hsl(30, 100%, 47%);--color-orange-53: hsl(30, 88%, 53%);--color-orange-62: hsl(30, 100%, 62%);--color-orange-74: hsl(30, 100%, 74%);--color-orange-83: hsl(30, 100%, 83%);--color-green-49: hsl(145, 63%, 49%);--color-turquoise-61: hsl(195, 54%, 61%);--color-turquoise-73: hsl(197, 51%, 73%);--color-turquoise-83: hsl(199, 48%, 83%);--color-ocean-25: hsl(200, 100%, 25%);--color-ocean-33: hsl(200, 100%, 33%);--color-ocean-55: hsl(210, 41%, 55%);--color-ocean-71: hsl(214, 38%, 71%);--font-wm: "weidmueller", sans-serif;--font-wm-cond: "weidmuellerCond", sans-serif;--font-lato: "Lato", sans-serif;--font-cn: "Helvetica Neue", sans-serif;--font-weight-400: 400;--font-weight-700: 700;--line-height-12: 1.2;--line-height-50: 5;--letter-spacing-02: .2px;--wm-fg: var(--color-neutral-5);--wm-fg-dim-1: var(--color-neutral-30);--wm-fg-dim-2: var(--color-neutral-45);--wm-fg-dim-3: var(--color-neutral-60);--wm-bg: var(--color-white);--wm-bg-dim-1: var(--color-neutral-95);--wm-bg-dim-2: var(--color-neutral-91);--wm-brand-fg: var(--color-white);--wm-brand-fg-dim-1: var(--color-orange-74);--wm-brand-fg-dim-2: var(--color-orange-83);--wm-brand-bg: var(--color-orange-47);--wm-brand-bg-dim-1: var(--color-orange-42);--wm-brand-bg-dim-2: var(--color-orange-36);--wm-secondary-fg: var(--color-white);--wm-secondary-fg-dim-1: var(--color-neutral-91);--wm-secondary-bg: var(--color-neutral-60);--wm-secondary-bg-dim-1: var(--color-neutral-70);--wm-secondary-bg-dim-2: var(--color-neutral-80);--wm-success-fg: var(--color-white);--wm-success-bg: var(--color-green-49);--wm-error-fg: var(--color-white);--wm-error-bg: var(--color-lava-52);--wm-error-bg-dim-1: var(--color-lava-42);--wm-focus-fg: var(--color-black);--wm-text: var(--wm-fg);--wm-text-muted: var(--wm-fg-dim-1);--wm-space-3xs: var(--size-2);--wm-space-2xs: var(--size-4);--wm-space-xs: var(--size-6);--wm-space-sm: var(--size-8);--wm-space-md: var(--size-12);--wm-space-lg: var(--size-16);--wm-space-xl: var(--size-20);--wm-space-2xl: var(--size-28);--wm-font-size--1: var(--size-16);--wm-font-size-0: var(--size-18);--wm-font-size-1: var(--size-22);--wm-font-size-2: var(--size-24);--wm-font-size-3: var(--size-32);--wm-font-size-4: var(--size-48);--wm-font-size-5: var(--size-56);--wm-font: var(--font-wm);--wm-font-headlines: var(--font-wm-cond);--wm-font-weight-regular: var(--font-weight-400);--wm-font-weight-bold: var(--font-weight-700);--wm-font-headlines-weight-regular: var(--font-weight-400);--wm-font-headlines-weight-bold: var(--font-weight-700);--wm-font-line-height: var(--line-height-12);--wm-font-headlines-line-height: var(--line-height-12);--wm-font-letter-spacing: var(--letter-spacing-02);--wm-font-headlines-letter-spacing: var(--letter-spacing-02);--wm-radius-md: 4px;--wm-shadow-sm: var(--size-1) var(--size-1) var(--size-8) 0 var(--color-black-alpha-15);--wm-shadow-lg: var(--size) var(--size) var(--size-12) 0 var(--color-black-alpha-15);--wm-shadow-xl: var(--size) var(--size) var(--size-16) 0 var(--color-black-alpha-40);--wm-border-width: var(--size-2);--wm-border-color: var(--color-neutral-45);--wm-focus-outline: var(--size) solid var(--wm-focus-fg)}:root.smartcabinet{--wm-brand-bg: var(--color-ocean-33);--wm-brand-bg-dim-1: var(--color-ocean-25)}}