app.css

html,
body {
    background: #121f2b;
    font-family: apple-system, sans-serif;
    margin: 0;
    padding: 0;
    color: #eee;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
body {
    --blue-bright: #6195c2;
    --blue-mid: #6689a9;
    --blue-dim: #33485b;
    --blue-bg: #121f2b;
}
* {
    box-sizing: border-box;
    user-select: none;
}
main {
    transition: opacity 0.5s;
}
.wrapper {
    width: 100%;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.addPanel_Active .wrapper {
    opacity: 0.25;
}

.divider {
    border: 0;
    border-bottom: 1px dotted #33485b;
    margin-bottom: 20px;
    grid-column: 1/-1;
    width: 100%;
}