:root {
    --gay-border: linear-gradient(
        180deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );
    --trans-border: linear-gradient(
        180deg,
        rgba(40, 206, 250, 1) 0%,   /* Light blue */
        rgba(245, 119, 184, 1) 20%, /* Pink */
        rgba(255, 255, 255, 1) 40%, /* White */
        rgba(245, 119, 184, 1) 70%, /* Pink */
        rgba(40, 206, 250, 1) 93%   /* Light blue */
    );
}

.layout-single-column .status__wrapper-direct::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--gay-border);
}

.columns-area__panels {
    justify-content: space-evenly;
}

.app-body {
    background-image: 
      linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
      url('/bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.columns-area__panels {
    gap: 0;
}

.tabs-bar__wrapper {    
    background: rgba(0, 0, 0, 0);
    position: inherit;
}

.columns-area__panels__pane__inner {
    backdrop-filter: blur(10px) brightness(0.8);
    padding: 0 10px;
}

.columns-area__panels__main {
    backdrop-filter: blur(10px) brightness(0.8);
    max-width: 750px;
}

.columns-area__panels__pane__inner::before,
.columns-area__panels__pane__inner::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 2px;
    pointer-events: none;
}

.columns-area__panels__pane__inner::before {
    left: 0;
    background: var(--trans-border);
}

.columns-area__panels__pane__inner::after {
    right: 0;
    background: var(--gay-border);
}