/* Generated by the server from DATA_DIR/brand.json. Edit it from the dashboard, not here. */
@font-face{font-family:'FM Digits';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/Inter-Variable.woff2') format('woff2');unicode-range:U+0030-0039,U+0025,U+002B-002F,U+003A;}
@font-face{font-family:'Brando Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/BrandoArabic-Text.woff2') format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Brando Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/BrandoArabic-SemiBold.woff2') format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Brando Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/BrandoArabic-Bold.woff2') format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Brando Arabic Display';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/BrandoArabic-Regular.woff2') format('woff2');unicode-range:U+0020,U+00A0,U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/Inter-Variable.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
:root{
  --fm-font: 'FM Digits', 'Brando Arabic', 'Inter', system-ui, sans-serif;
  --fm-font-display: 'FM Digits', 'Brando Arabic Display', 'Brando Arabic', 'Inter', system-ui, sans-serif;
  --fm-stage-light: radial-gradient(60% 110% at 100% 50%, #8401DF, #550097 22%, #3B0066 42%, transparent 72%);
  --fm-gradient-dark: linear-gradient(180deg, #1F0B59, #5619CB);
  --fm-gradient-light: linear-gradient(180deg, #8D0AF8, #DED0EA);
  --fm-flash: #FFFFFF;
  --fm-veil: #000000;
  --fm-device-bezel: #0C0C11;
  --fm-device-bg: #000000;
  --fm-device-scrim: rgb(0 0 0 / .55);
  --fm-device-fade: rgb(0 0 0 / .88);
  --fm-device-glare: rgb(255 255 255 / .07);
  --fm-device-live: #FF4D6D;
  --fm-device-download: #8DB4E8;
  --fm-device-track: rgb(255 255 255 / .15);
  --fm-device-ring: #6E6394;
  --fm-device-ring-text: #8F86A8;
  --fm-device-void: radial-gradient(60% 40% at 50% 60%, #120A22, #000000 80%);
  --fm-art-ink: #000000;
  --fm-art-paper: #F0EEE9;
  --fm-art-white: #FFFFFF;
  --fm-art-slate: #4F5051;
  --fm-art-violet: #631FF5;
  --fm-art-purple: #9C00FF;
  --fm-art-deep: #1F0B59;
  --fm-art-indigo: #5619CB;
  --fm-art-glow: #8D0AF8;
  --fm-art-lilac: #DED0EA;
  --fm-art-lavender: #C1A5FB;
  --fm-bg: #F0EEE9;
  --fm-surface: #F7F6F2;
  --fm-surface-raised: #FFFFFF;
  --fm-border: #D9D5CC;
  --fm-border-strong: #8A847A;
  --fm-text: #000000;
  --fm-text-secondary: #4A4F5E;
  --fm-primary: #631FF5;
  --fm-primary-dark: #5619CB;
  --fm-primary-text: #631FF5;
  --fm-primary-tint: #E9E2FB;
  --fm-on-primary: #FFFFFF;
  --fm-accent: #0046DD;
  --fm-online: #1D7349;
  --fm-warning: #8A5A1C;
  --fm-offline: #B14E0F;
  --fm-topbar-bg: #F0EEE9;
  --fm-topbar-fg: #000000;
  --fm-ink: #000000;
  --fm-ink-text: #FFFFFF;
  --fm-ink-border: #000000;
  --fm-disabled-bg: #E2DFD8;
  --fm-disabled-text: #7A756C;
  --fm-stage-bg: #000000;
  --fm-stage-text: #F0EEE9;
  --fm-link: var(--fm-primary-text);
  --fm-focus: var(--fm-primary-text);
  --fm-playing: var(--fm-primary-text);
  --fm-stage-text-secondary: #A9A3BC;
  --fm-stage-line: color-mix(in srgb, #F0EEE9 14%, transparent);
  --fm-stage-line-strong: color-mix(in srgb, #F0EEE9 40%, transparent);
  --fm-stage-online: #5FD49A;
  --fm-stage-playing: #C1A5FB;
  --fm-stage-warning: #E5B57E;
  --fm-stage-offline: #FF8A5C;
  --fm-stage-select: #C1A5FB;
  --fm-grain-opacity: .05;
  --fm-elev-2: none;
  --fm-elev-3: none;
  --fm-flash-peak: .85;
  --fm-wall-top: #F3F1EC;
  --fm-wall-bottom: #EAE7E0;
  --fm-wall-light: radial-gradient(85% 105% at 102% 50%, rgb(141 10 248 / .34), rgb(193 165 251 / .28) 28%, rgb(222 208 234 / .14) 56%, transparent 78%), radial-gradient(55% 45% at 18% 112%, rgb(193 165 251 / .26), transparent 70%);
  --fm-wall-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");
  --fm-wall-grain-blend: multiply;
  --fm-wall-grain-opacity: .26;
  --fm-wall-grain-mask: radial-gradient(85% 105% at 102% 50%, #000, rgb(0 0 0 / .7) 28%, transparent 78%), radial-gradient(55% 45% at 18% 112%, #000, transparent 70%);
  --fm-wall-offline: #B14E0F;
  --fm-rail-hi: #E8E5DD;
  --fm-rail-lo: #C9C5BB;
  --fm-rail-shadow: 0 1px 0 #FFFFFF, 0 3px 6px rgb(40 30 60 / .16);
  --fm-rod-hi: #C6C2B8;
  --fm-rod-lo: #8B97A5;
  --fm-cap: #8B97A5;
  --fm-pair-link: #D9D5CC;
  --fm-device-shadow: 0 0 0 1px #2B2B38, 0 22px 44px rgb(40 20 80 / .28);
  --fm-select-frame: #631FF5;
  --fm-select-glow: rgb(99 31 245 / .35);
  --fm-select-inner: rgb(99 31 245 / .18);
  --fm-select-corner: #631FF5;
  --fm-select-edge: rgb(99 31 245 / .32);
  --fm-rod-lit-hi: #8D0AF8;
  --fm-rod-lit-lo: #631FF5;
  --fm-ripple: rgb(99 31 245 / .42);
  --fm-ripple-glow: rgb(141 10 248 / .22);
  --fm-float-shadow: 0 20px 50px rgb(40 20 80 / .16);
  color-scheme: light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --fm-bg: #070215;
  --fm-surface: #100A24;
  --fm-surface-raised: #1A1236;
  --fm-border: #2A2140;
  --fm-border-strong: #6E6394;
  --fm-text: #F0EEE9;
  --fm-text-secondary: #A9A3BC;
  --fm-primary: #631FF5;
  --fm-primary-dark: #7433FF;
  --fm-primary-text: #C1A5FB;
  --fm-primary-tint: #3B0066;
  --fm-on-primary: #FFFFFF;
  --fm-accent: #8DB4E8;
  --fm-online: #5FD49A;
  --fm-warning: #E5B57E;
  --fm-offline: #FF8A5C;
  --fm-topbar-bg: #070215;
  --fm-topbar-fg: #F0EEE9;
  --fm-ink: #1A1236;
  --fm-ink-text: #F0EEE9;
  --fm-ink-border: #3B2A6A;
  --fm-disabled-bg: #1F1838;
  --fm-disabled-text: #7D7399;
  --fm-stage-bg: #000000;
  --fm-stage-text: #F0EEE9;
  --fm-link: var(--fm-primary-text);
  --fm-focus: var(--fm-primary-text);
  --fm-playing: var(--fm-primary-text);
  --fm-stage-text-secondary: #A9A3BC;
  --fm-stage-line: color-mix(in srgb, #F0EEE9 14%, transparent);
  --fm-stage-line-strong: color-mix(in srgb, #F0EEE9 40%, transparent);
  --fm-stage-online: #5FD49A;
  --fm-stage-playing: #C1A5FB;
  --fm-stage-warning: #E5B57E;
  --fm-stage-offline: #FF8A5C;
  --fm-stage-select: #C1A5FB;
  --fm-grain-opacity: .08;
  --fm-elev-2: inset 0 1px 0 rgb(240 238 233 / .06);
  --fm-elev-3: 0 12px 40px -12px rgb(132 1 223 / .35);
  --fm-flash-peak: .85;
  --fm-wall-top: #000000;
  --fm-wall-bottom: #000000;
  --fm-wall-light: radial-gradient(70% 90% at 108% 50%, rgb(132 1 223 / .38), rgb(59 0 102 / .18) 40%, transparent 70%), radial-gradient(60% 50% at 30% 110%, rgb(59 0 102 / .25), transparent 70%);
  --fm-wall-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .4 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");
  --fm-wall-grain-blend: screen;
  --fm-wall-grain-opacity: .11;
  --fm-wall-grain-mask: none;
  --fm-wall-offline: #6E6394;
  --fm-rail-hi: #2A2640;
  --fm-rail-lo: #121020;
  --fm-rail-shadow: 0 2px 0 #000000, 0 0 0 1px rgb(255 255 255 / .05);
  --fm-rod-hi: #2A2640;
  --fm-rod-lo: #55506B;
  --fm-cap: #2B2740;
  --fm-pair-link: #2A2640;
  --fm-device-shadow: 0 0 0 1px #2B2B38, 0 24px 50px rgb(0 0 0 / .7);
  --fm-select-frame: #C1A5FB;
  --fm-select-glow: rgb(156 0 255 / .7);
  --fm-select-inner: rgb(156 0 255 / .35);
  --fm-select-corner: #FFFFFF;
  --fm-select-edge: rgb(156 0 255 / .45);
  --fm-rod-lit-hi: #C1A5FB;
  --fm-rod-lit-lo: #9C00FF;
  --fm-ripple: rgb(193 165 251 / .55);
  --fm-ripple-glow: rgb(156 0 255 / .35);
  --fm-float-shadow: 0 20px 50px rgb(0 0 0 / .45);
  color-scheme: dark;
}}
:root[data-theme="dark"]{
  --fm-bg: #070215;
  --fm-surface: #100A24;
  --fm-surface-raised: #1A1236;
  --fm-border: #2A2140;
  --fm-border-strong: #6E6394;
  --fm-text: #F0EEE9;
  --fm-text-secondary: #A9A3BC;
  --fm-primary: #631FF5;
  --fm-primary-dark: #7433FF;
  --fm-primary-text: #C1A5FB;
  --fm-primary-tint: #3B0066;
  --fm-on-primary: #FFFFFF;
  --fm-accent: #8DB4E8;
  --fm-online: #5FD49A;
  --fm-warning: #E5B57E;
  --fm-offline: #FF8A5C;
  --fm-topbar-bg: #070215;
  --fm-topbar-fg: #F0EEE9;
  --fm-ink: #1A1236;
  --fm-ink-text: #F0EEE9;
  --fm-ink-border: #3B2A6A;
  --fm-disabled-bg: #1F1838;
  --fm-disabled-text: #7D7399;
  --fm-stage-bg: #000000;
  --fm-stage-text: #F0EEE9;
  --fm-link: var(--fm-primary-text);
  --fm-focus: var(--fm-primary-text);
  --fm-playing: var(--fm-primary-text);
  --fm-stage-text-secondary: #A9A3BC;
  --fm-stage-line: color-mix(in srgb, #F0EEE9 14%, transparent);
  --fm-stage-line-strong: color-mix(in srgb, #F0EEE9 40%, transparent);
  --fm-stage-online: #5FD49A;
  --fm-stage-playing: #C1A5FB;
  --fm-stage-warning: #E5B57E;
  --fm-stage-offline: #FF8A5C;
  --fm-stage-select: #C1A5FB;
  --fm-grain-opacity: .08;
  --fm-elev-2: inset 0 1px 0 rgb(240 238 233 / .06);
  --fm-elev-3: 0 12px 40px -12px rgb(132 1 223 / .35);
  --fm-flash-peak: .85;
  --fm-wall-top: #000000;
  --fm-wall-bottom: #000000;
  --fm-wall-light: radial-gradient(70% 90% at 108% 50%, rgb(132 1 223 / .38), rgb(59 0 102 / .18) 40%, transparent 70%), radial-gradient(60% 50% at 30% 110%, rgb(59 0 102 / .25), transparent 70%);
  --fm-wall-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .4 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");
  --fm-wall-grain-blend: screen;
  --fm-wall-grain-opacity: .11;
  --fm-wall-grain-mask: none;
  --fm-wall-offline: #6E6394;
  --fm-rail-hi: #2A2640;
  --fm-rail-lo: #121020;
  --fm-rail-shadow: 0 2px 0 #000000, 0 0 0 1px rgb(255 255 255 / .05);
  --fm-rod-hi: #2A2640;
  --fm-rod-lo: #55506B;
  --fm-cap: #2B2740;
  --fm-pair-link: #2A2640;
  --fm-device-shadow: 0 0 0 1px #2B2B38, 0 24px 50px rgb(0 0 0 / .7);
  --fm-select-frame: #C1A5FB;
  --fm-select-glow: rgb(156 0 255 / .7);
  --fm-select-inner: rgb(156 0 255 / .35);
  --fm-select-corner: #FFFFFF;
  --fm-select-edge: rgb(156 0 255 / .45);
  --fm-rod-lit-hi: #C1A5FB;
  --fm-rod-lit-lo: #9C00FF;
  --fm-ripple: rgb(193 165 251 / .55);
  --fm-ripple-glow: rgb(156 0 255 / .35);
  --fm-float-shadow: 0 20px 50px rgb(0 0 0 / .45);
  color-scheme: dark;
}
:root[data-theme="light"]{
  --fm-bg: #F0EEE9;
  --fm-surface: #F7F6F2;
  --fm-surface-raised: #FFFFFF;
  --fm-border: #D9D5CC;
  --fm-border-strong: #8A847A;
  --fm-text: #000000;
  --fm-text-secondary: #4A4F5E;
  --fm-primary: #631FF5;
  --fm-primary-dark: #5619CB;
  --fm-primary-text: #631FF5;
  --fm-primary-tint: #E9E2FB;
  --fm-on-primary: #FFFFFF;
  --fm-accent: #0046DD;
  --fm-online: #1D7349;
  --fm-warning: #8A5A1C;
  --fm-offline: #B14E0F;
  --fm-topbar-bg: #F0EEE9;
  --fm-topbar-fg: #000000;
  --fm-ink: #000000;
  --fm-ink-text: #FFFFFF;
  --fm-ink-border: #000000;
  --fm-disabled-bg: #E2DFD8;
  --fm-disabled-text: #7A756C;
  --fm-stage-bg: #000000;
  --fm-stage-text: #F0EEE9;
  --fm-link: var(--fm-primary-text);
  --fm-focus: var(--fm-primary-text);
  --fm-playing: var(--fm-primary-text);
  --fm-stage-text-secondary: #A9A3BC;
  --fm-stage-line: color-mix(in srgb, #F0EEE9 14%, transparent);
  --fm-stage-line-strong: color-mix(in srgb, #F0EEE9 40%, transparent);
  --fm-stage-online: #5FD49A;
  --fm-stage-playing: #C1A5FB;
  --fm-stage-warning: #E5B57E;
  --fm-stage-offline: #FF8A5C;
  --fm-stage-select: #C1A5FB;
  --fm-grain-opacity: .05;
  --fm-elev-2: none;
  --fm-elev-3: none;
  --fm-flash-peak: .85;
  --fm-wall-top: #F3F1EC;
  --fm-wall-bottom: #EAE7E0;
  --fm-wall-light: radial-gradient(85% 105% at 102% 50%, rgb(141 10 248 / .34), rgb(193 165 251 / .28) 28%, rgb(222 208 234 / .14) 56%, transparent 78%), radial-gradient(55% 45% at 18% 112%, rgb(193 165 251 / .26), transparent 70%);
  --fm-wall-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");
  --fm-wall-grain-blend: multiply;
  --fm-wall-grain-opacity: .26;
  --fm-wall-grain-mask: radial-gradient(85% 105% at 102% 50%, #000, rgb(0 0 0 / .7) 28%, transparent 78%), radial-gradient(55% 45% at 18% 112%, #000, transparent 70%);
  --fm-wall-offline: #B14E0F;
  --fm-rail-hi: #E8E5DD;
  --fm-rail-lo: #C9C5BB;
  --fm-rail-shadow: 0 1px 0 #FFFFFF, 0 3px 6px rgb(40 30 60 / .16);
  --fm-rod-hi: #C6C2B8;
  --fm-rod-lo: #8B97A5;
  --fm-cap: #8B97A5;
  --fm-pair-link: #D9D5CC;
  --fm-device-shadow: 0 0 0 1px #2B2B38, 0 22px 44px rgb(40 20 80 / .28);
  --fm-select-frame: #631FF5;
  --fm-select-glow: rgb(99 31 245 / .35);
  --fm-select-inner: rgb(99 31 245 / .18);
  --fm-select-corner: #631FF5;
  --fm-select-edge: rgb(99 31 245 / .32);
  --fm-rod-lit-hi: #8D0AF8;
  --fm-rod-lit-lo: #631FF5;
  --fm-ripple: rgb(99 31 245 / .42);
  --fm-ripple-glow: rgb(141 10 248 / .22);
  --fm-float-shadow: 0 20px 50px rgb(40 20 80 / .16);
  color-scheme: light;
}