:root{--base-value: 16px;--spacer: var(--base-value);--spacer-wide: calc(var(--base-value) + (.5 * var(--base-value)));--grid-gap: calc(.5 * var(--base-value));--grid-gap-wide: var(--base-value);--gutter-mobile: var(--base-value);--gutter-tablet: calc(var(--base-value) * 2);--gutter-laptop: calc(var(--base-value) * 4);--animation-easing: ease-out;--animation-duration: .25s;--breakpoint-mobile: 320px;--breakpoint-small-device: 480px;--breakpoint-card-width-2col: 560px;--breakpoint-tablet: 768px;--breakpoint-card-width-3col: 860px;--breakpoint-laptop-small: 1024px;--breakpoint-laptop-large: 1440px;--color-background: #111111;--color-accent-primary: #783EF1;--color-accent-secondary: #45238F;--color-accent-teritary: #17053C;--color-background-card: #232323;--color-background-header: #343434;--color-background-sidebar: #191919;--color-background-inactive: #444444;--color-text-primary: #FFFFFF;--color-text-secondary: #b1b1b1;--color-text-label: #DDDDDD;--color-text-error: #F13E5D;--color-icon: #787878;--color-keyline: #656565;--color-card-genre: #d1d1d1;--color-card-genre-accessible: #D8046A;--breakpoint-card-width-4col: 1216px}