:root{
    --locked-bg-color: #000;
}
[data-bs-theme="dark"] {
    --locked-bg-color: #02131b;
}

.panel-group.vertical {
    display: flex;
    flex-direction: row;
    height: 100vh;
    width: 100%;
    padding-top: 10px;
}

.panel {
    flex: 1 1 50%;
    overflow: auto;
    border-radius: 10px;
    padding: 10px;
}

.blurred-image {
    filter: blur(4px); 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}

.locked-message {
    z-index: 10; 
    color: black; 
}

.locked-panel {
    position: relative;
    padding: 5px;
    background-color: var(--locked-bg-color);
}