:root {
  --jsnet-black: #000000;
  --jsnet-dark: #0d0d0d;
  --jsnet-red: #ff3b00;
  --jsnet-orange: #ff7a00;
  --jsnet-metal: #a6a6a6;
  --jsnet-text: #f5f5f5;
}

body {
  background: var(--jsnet-black);
}

.jsnet-kiosk-header-logo {
  display: block;
  width: auto;
  max-width: 240px;
  height: auto;
}

.jsnet-kiosk-main-logo {
  display: block;
  width: min(100%, 620px);
  height: auto;
}

.jsnet-kiosk-hero {
  background:
    radial-gradient(circle at 58% 58%, rgba(255, 59, 0, 0.24), transparent 38%),
    linear-gradient(180deg, #000 0%, #0d0d0d 100%);
  color: var(--jsnet-text);
}

.jsnet-kiosk-hero-illustration {
  width: min(100%, 820px);
  height: auto;
  display: block;
}

.jsnet-kiosk-app-icon {
  width: 64px;
  height: 64px;
  border-radius: 14px;
}