@layer flapkit {
  :where([data-look='industrial'], .flapkit-industrial) {
    color: #f1f1ed;
    font-family: var(--flapkit-glyph-font-family);
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--flapkit-glyph-font-weight);
    font-feature-settings: normal;
    --fk-default-font-size: 22.7px;
    --flapkit-axle-background:
      linear-gradient(90deg, #020303 0%, #303131 38%, #090a0a 72%, #010202 100%),
      radial-gradient(ellipse at 39% 28%, rgba(255, 255, 255, 0.1) 0 10%, transparent 31%);
    --flapkit-axle-color: #070808;
    --flapkit-axle-height: 1.62cqw;
    --flapkit-axle-opacity: 0.96;
    --flapkit-axle-shadow:
      0 0 0 0.025cqw rgba(255, 255, 255, 0.055), -0.07cqw 0 0.13cqw rgba(0, 0, 0, 0.86) inset,
      0 0.04cqw 0.1cqw rgba(0, 0, 0, 0.78);
    --flapkit-axle-width: 0.58cqw;
    --flapkit-board-background-color: #1c1e1e;
    --flapkit-board-background-image:
      radial-gradient(ellipse 90% 55% at 34% -8%, rgba(255, 255, 255, 0.034), transparent 62%),
      radial-gradient(circle at 82% 74%, rgba(0, 0, 0, 0.22), transparent 44%),
      linear-gradient(104deg, #161818 0%, #202222 44%, #171919 100%);
    --flapkit-board-shadow:
      0 0 0 1px #050606, 0 1px 0 rgba(255, 255, 255, 0.05) inset,
      1px 0 0 rgba(255, 255, 255, 0.022) inset, 0 -2px 4px rgba(0, 0, 0, 0.5) inset,
      0 1px 2px rgba(0, 0, 0, 0.46), 0 3px 7px rgba(0, 0, 0, 0.28), 0 10px 22px rgba(0, 0, 0, 0.16);
    --flapkit-board-sheen:
      radial-gradient(ellipse 48% 19% at 31% 16%, rgba(255, 255, 255, 0.022), transparent 76%),
      radial-gradient(ellipse 24% 62% at 76% 54%, rgba(0, 0, 0, 0.16), transparent 78%),
      repeating-linear-gradient(
        89deg,
        transparent 0 5.7cqw,
        rgba(255, 255, 255, 0.005) 5.76cqw 5.83cqw,
        transparent 5.9cqw 11.8cqw
      );
    --flapkit-board-unit: 8px;
    --flapkit-bottom-face-color: #111313;
    --flapkit-bottom-face-shadow:
      0 0.02cqw 0 rgba(255, 255, 255, 0.018) inset, 0 -0.12cqw 0.2cqw rgba(0, 0, 0, 0.34) inset;
    --flapkit-bottom-face-surface: linear-gradient(
      180deg,
      transparent 0%,
      transparent 72%,
      rgba(255, 255, 255, 0.018) 100%
    );
    --flapkit-cassette-background-color: #151717;
    --flapkit-cassette-background-image:
      linear-gradient(180deg, rgba(255, 255, 255, 0.026) 0%, transparent 24%),
      linear-gradient(112deg, #1a1c1c 0%, #111313 58%, #0b0c0c 100%);
    --flapkit-cassette-radius: 0.02cqw;
    --flapkit-cassette-shadow:
      -0.02cqw 0 0 rgba(255, 255, 255, 0.035), 0.045cqw 0.06cqw 0.11cqw rgba(0, 0, 0, 0.78),
      0 0 0 0.04cqw rgba(0, 0, 0, 0.96) inset;
    --flapkit-cavity-back-plane-color: #050606;
    --flapkit-cavity-back-plane-image: linear-gradient(180deg, #040505 0%, #070808 100%);
    --flapkit-cavity-back-plane-shadow: none;
    --flapkit-cavity-bottom: 6.5%;
    --flapkit-cavity-color: #050606;
    --flapkit-cavity-left: 7%;
    --flapkit-cavity-right: 7%;
    --flapkit-cavity-shadow:
      0 0.08cqw 0.14cqw rgba(0, 0, 0, 0.28) inset, 0.06cqw 0 0.1cqw rgba(0, 0, 0, 0.16) inset,
      -0.05cqw 0 0.08cqw rgba(0, 0, 0, 0.16) inset;
    --flapkit-cavity-top: 13.5%;
    --flapkit-cavity-wall-color: #080909;
    --flapkit-cavity-wall-bottom-image: none;
    --flapkit-cavity-wall-left-image: linear-gradient(90deg, #1a1c1c 0%, #070808 100%);
    --flapkit-cavity-wall-right-image: linear-gradient(90deg, #040505 0%, #121414 100%);
    --flapkit-cavity-wall-top-image: none;
    /* Same track as Airport so both looks share one board scale; 2:1 cassette kept. */
    --flapkit-cell-height: 40px;
    --flapkit-cell-track: 20px;
    --flapkit-column-label-color: #8b8d8b;
    --flapkit-compact-cover-detail:
      linear-gradient(
        180deg,
        transparent 0%,
        transparent 12.9%,
        rgba(255, 255, 255, 0.025) 13.18%,
        rgba(0, 0, 0, 0.62) 13.62%,
        transparent 14.3%
      ),
      linear-gradient(
        90deg,
        transparent 0%,
        transparent 6.2%,
        rgba(255, 255, 255, 0.018) 6.65%,
        rgba(0, 0, 0, 0.5) 7.25%,
        transparent 8.2%,
        transparent 91.8%,
        rgba(0, 0, 0, 0.54) 92.75%,
        transparent 93.8%
      ),
      linear-gradient(
        0deg,
        transparent 0%,
        transparent 5.7%,
        rgba(0, 0, 0, 0.66) 6.55%,
        transparent 7.45%
      );
    --flapkit-compact-half-cell: 7.27cqw;
    --flapkit-cover-bottom-background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.42) 0,
      transparent 0.16cqw
    );
    --flapkit-cover-bottom-shadow:
      0 -0.03cqw 0.05cqw rgba(0, 0, 0, 0.22), 0 0.06cqw 0.1cqw rgba(0, 0, 0, 0.28);
    --flapkit-cover-left-background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.012),
      transparent 42%,
      rgba(0, 0, 0, 0.2) 100%
    );
    --flapkit-cover-left-shadow: 0.055cqw 0 0.1cqw rgba(0, 0, 0, 0.5);
    --flapkit-cover-right-background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.32) 0%,
      transparent 72%,
      rgba(255, 255, 255, 0.01) 100%
    );
    --flapkit-cover-right-shadow: -0.055cqw 0 0.1cqw rgba(0, 0, 0, 0.5);
    --flapkit-cover-top-background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.018),
      transparent 48%,
      rgba(0, 0, 0, 0.28) 100%
    );
    --flapkit-cover-top-shadow: 0 0.09cqw 0.14cqw rgba(0, 0, 0, 0.56);
    --flapkit-face-inset-x: 0.1cqw;
    --flapkit-face-inset-y: 0.15cqw;
    --flapkit-face-radius: 0.018cqw;
    --flapkit-frame-bottom: 26px;
    --flapkit-frame-left: 27px;
    --flapkit-frame-right: 26px;
    --flapkit-frame-top: 17px;
    --flapkit-glyph-font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
    --flapkit-glyph-font-weight: 700;
    --flapkit-glyph-orange: #cf9138;
    --flapkit-glyph-opacity: 0.98;
    --flapkit-glyph-yellow: #e4c22f;
    --flapkit-glyph-size: 11.35cqw;
    --flapkit-glyph-tracking: -0.018em;
    --flapkit-glyph-white: currentColor;
    --flapkit-glyph-scale-y: 0.78;
    --flapkit-glyph-width: 0.88;
    --flapkit-glyph-y: -0.22cqw;
    --flapkit-detailed-glyph-y: 1.4cqw;
    --flapkit-cjk-glyph-font-family:
      'PingFang SC', 'Hiragino Sans', 'Noto Sans CJK SC', 'Microsoft YaHei', sans-serif;
    --flapkit-cjk-glyph-size: 9.55cqw;
    --flapkit-cjk-glyph-font-weight: 600;
    --flapkit-cjk-glyph-width: 0.66;
    --flapkit-cjk-glyph-scale-y: 0.82;
    --flapkit-cjk-detailed-glyph-y: 1.25cqw;
    --flapkit-grid-background-color: #070808;
    --flapkit-grid-background-image: linear-gradient(
      108deg,
      rgba(255, 255, 255, 0.012),
      transparent 28%,
      rgba(0, 0, 0, 0.26) 100%
    );
    --flapkit-grid-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.94), 0.16cqw 0.2cqw 0.34cqw rgba(0, 0, 0, 0.58) inset;
    --flapkit-header-color: #9a9c9a;
    --flapkit-header-height: 48px;
    --flapkit-header-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
    --flapkit-highlight-face: #353838;
    --flapkit-highlight-glyph: #f6f6f1;
    --flapkit-inner-rim-shadow:
      0 0 0 1.5px rgba(0, 0, 0, 0.86), 0 -1px 0 rgba(255, 255, 255, 0.028),
      0 1px 0 rgba(0, 0, 0, 0.7);
    --flapkit-label-font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    --flapkit-leaf-thickness: 0.2cqw;
    --flapkit-meta-color: #7c7e7c;
    --flapkit-outer-rim-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.82), 0 1px 0 rgba(255, 255, 255, 0.02),
      0 0 0 0.5px rgba(255, 255, 255, 0.028) inset, 0 -1.5px 2.5px rgba(0, 0, 0, 0.5) inset;
    --flapkit-row-background-color: #0c0d0d;
    --flapkit-row-background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.014) 0%,
      transparent 16%,
      rgba(0, 0, 0, 0.14) 100%
    );
    --flapkit-row-shadow:
      0 0.05cqw 0 rgba(255, 255, 255, 0.012) inset, 0 0.14cqw 0.24cqw rgba(0, 0, 0, 0.34) inset,
      0 0.1cqw 0.16cqw rgba(0, 0, 0, 0.54);
    --flapkit-seam-opacity: 0.94;
    --flapkit-seam-thickness: 0.18cqw;
    --flapkit-spare-leaf-base-color: #0a0b0b;
    --flapkit-spare-leaf-border-color: rgb(0 0 0 / 0.28);
    --flapkit-spare-leaf-border-width: 0.03cqw;
    --flapkit-spare-leaf-edge-color: #0a0b0b;
    --flapkit-spare-leaf-highlight-alpha: 0;
    --flapkit-spare-leaf-highlight-inset: 0cqw;
    --flapkit-spare-leaf-highlight-rgb: 0 0 0;
    --flapkit-spare-leaf-lower-color: #0b0c0c;
    --flapkit-spare-leaf-lower-stop: 96.2%;
    --flapkit-spare-leaf-middle-color: #0c0d0d;
    --flapkit-spare-leaf-middle-stop: 96.2%;
    --flapkit-spare-leaf-pack-opacity: 1;
    --flapkit-spare-leaf-tail-color: #0c0d0d;
    --flapkit-spare-leaf-top-color: #0c0d0d;
    --flapkit-title-color: #d6d7d2;
    --flapkit-title-only-header-height: 26px;
    --flapkit-top-face-color: #171919;
    --flapkit-top-face-shadow:
      0 0.025cqw 0 rgba(255, 255, 255, 0.025) inset, 0 -0.1cqw 0.18cqw rgba(0, 0, 0, 0.32) inset;
    --flapkit-top-face-surface: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.026) 0%,
      transparent 34%,
      transparent 100%
    );
    --flapkit-vane-side-color: #0e0f0f;
    --flapkit-vane-side-image: linear-gradient(180deg, #232525 0%, #080909 48%, #161818 100%);
    --flapkit-vane-side-shadow: 0 0 0 0.012cqw rgba(0, 0, 0, 0.9);
  }

  :where([data-look='industrial'], .flapkit-industrial) :where(.flapkit-spare-leaf-plate) {
    filter: none !important;
  }

  :where([data-look='industrial'], .flapkit-industrial) [data-split-flap-script='cjk'] {
    --flapkit-active-detailed-glyph-y: var(--flapkit-cjk-detailed-glyph-y);
    --flapkit-active-glyph-scale-y: var(--flapkit-cjk-glyph-scale-y);
    --flapkit-active-glyph-width: var(--flapkit-cjk-glyph-width);

    font-family: var(--flapkit-cjk-glyph-font-family);
    font-size: var(--flapkit-cjk-glyph-size);
    font-weight: var(--flapkit-cjk-glyph-font-weight);
  }
}