body[data-board] > .loader { opacity: 0; pointer-events: none; }
body:not([data-board="home"]) .board.home { opacity: 0; pointer-events: none; height: 0; padding: 0; }
body:not([data-board="products"]) .board.products { opacity: 0; pointer-events: none; height: 0; padding: 0; }
body:not([data-board="product"]) .board.product { opacity: 0; pointer-events: none; height: 0; padding: 0; }
body:not([data-board="settings"]) .board.settings { opacity: 0; pointer-events: none; height: 0; padding: 0; }

.board { transition: opacity 0.2s ease-out; }
.board:not(.home) { }