/* Self-hosted IBM Plex Sans Arabic — the same woff2 files the kiosk route uses.
   Registered under the literal family name the wheel numerals ask for, and exposed through
   the --font-kiosk-* variables that kiosk.css / demo.css read (Next.js normally injects
   these; here they are declared explicitly so no build step is required). */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDF0-FDFF;}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDF0-FDFF;}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/ibm-plex-sans-arabic-latin-500-normal.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDF0-FDFF;}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/ibm-plex-sans-arabic-latin-600-normal.woff2") format("woff2");}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDF0-FDFF;}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/ibm-plex-sans-arabic-latin-700-normal.woff2") format("woff2");}
:root {
  --font-kiosk-ar: "IBM Plex Sans Arabic";
  --font-kiosk-latin: "IBM Plex Sans Arabic";
}
html, body { margin: 0; padding: 0; background: #f5faff; }
/* next/image `fill` equivalent, so .safe-image behaves exactly as it does in the app. */
.safe-image > img {
  position: absolute; inset: 0; width: 100%; height: 100%; color: transparent;
}