/*
 * VIDEO LAB — HOLOGRAPHX HARDWARE skin (v1)
 * Shell only: header, tabs and asset library. The Mixer, Sampler and Slicer
 * run inside iframes and carry their own skins. Remove the <link> and body class to undo.
 */
body.hx-hw {
    --hx-acc: #2f9bff;
    --hx-acc-rgb: 47, 155, 255;
    background: var(--hx-chassis), #050506 !important;
}
body.hx-hw.hx-hw .header {
    background: var(--hx-bar-bg) !important;
    border: 0 !important;
    box-shadow: var(--hx-bar-shadow) !important;
}
body.hx-hw.hx-hw .header :is(h1, .logo, .title) {
    font-family: var(--hx-font) !important;
    font-style: normal !important;
    letter-spacing: .24em !important;
}
body.hx-hw.hx-hw :is(.tab-btn, .toggle-library-btn) {
    font-family: var(--hx-font) !important;
    color: #d7d4d0 !important;
    background: var(--hx-key-bg) !important;
    border: 0 !important;
    border-radius: var(--hx-radius-key) !important;
    box-shadow: var(--hx-key-shadow) !important;
}
body.hx-hw.hx-hw .tab-btn.active {
    color: #fff !important;
    background: var(--hx-key-on-bg) !important;
    box-shadow: var(--hx-key-on-shadow) !important;
}
body.hx-hw.hx-hw .asset-library {
    background: var(--hx-well-bg) !important;
    border: 0 !important;
    box-shadow: var(--hx-well-shadow) !important;
}