.player-page {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; 
    align-items: start; 
    gap: 32px;
    
}

.player-sidebar {
    position: sticky;
    top: calc(var(--navbar-height) + 30px);
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    /* background-color: #D85C32;
    background-image: radial-gradient(
    rgba(255,255,255,0.04) 1px,
    transparent 1px
    ); */
}

.player-main {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: sticky;
    top: calc(var(--navbar-height) + 30px);
    
}

.cmp-page {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    align-items: start; 
    gap: 32px;
    
}

.cmp-column {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: sticky;
    top: calc(var(--navbar-height) + 30px);
    
}