body,
html {
    height: 100%;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

:root {
    --gjs-canvas-top: 50px;
    var
}

#gjs {
    border: none;
    height: 100vh;
}
/* Contoh kustomisasi untuk panel dan tombol */
.gjs-pn-panel {
    background-color: #1e186b !important; /* Ganti warna latar belakang panel */
    border-bottom: 5px solid #ffb800;
    min-height: 50px;
}

.gjs-pn-btn {
    background-color: transparent;
    color: white;
}
.gjs-pn-views-container {
    padding: 50px 0 0;
}

.gjs-four-color {
    color: #ffb800 !important;
}
.gjs-pn-btn.gjs-pn-active {
    /* background-color: #ffb800; */
    background-color: rgba(0,0,0,.6);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;
}

.gjs-blocks {
    background-color: #fff; /* Ganti warna latar belakang blok */
    border-radius: 8px; /* Ubah sudut blok */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Tambahkan bayangan pada blok */
}

.gjs-blocks-c {
    background-color: #1e186b;
}

.gjs-block {
    background-color: white;
}

.gjs-selected {
    outline: none;
}


#gjs-css-rules style:first-child {
    background-color: #ffffff !important;
}

/* Sidebar */
.gjs-pn-panel#gjs-pn-views-container, .gjs-pn-panel.gjs-pn-views-container {
    height: 100% !important;
}

.gjs-category-title, .gjs-layer-title, .gjs-block-category .gjs-title, .gjs-sm-sector-title, .gjs-trait-category .gjs-title {
    /* background-color: #ffb800; */
}

/* .gjs-block__media, .gjs-block-label {
    color: white !important;
}

.gjs-block__media:hover, .gjs-block-label:hover {
    color: #ffb800 !important;
} */
/* Sidebar END */