.elementor .vbr-app{padding:0px;.vbr-app {

width: 100%;

height: 100dvh;

min-height: 100dvh;

overflow: hidden;

color: #ffffff;

}


/* =========================================================
 MAIN SHELL
 ========================================================= */

.vbr-shell {

display: grid;

grid-template-columns: minmax(0, 58%) minmax(0, 42%);

align-items: stretch;

width: 100%;

height: 100%;

min-height: 0;

overflow: hidden;

}


/* =========================================================
 BOTH COLUMNS
 ========================================================= */

.vbr-listening,
.vbr-community {

width: 100%;

min-width: 0;

min-height: 0;

}


/* =========================================================
 LEFT COLUMN
 KEEP THIS STRUCTURE AS IT WAS
 ========================================================= */

.vbr-listening {

display: flex;

flex-direction: column;

height: 100%;

overflow: hidden;

}


.vbr-listening-fixed {

position: relative;

z-index: 2;

display: flex;

flex: 0 0 auto;

flex-direction: column;

width: 100%;

}


.vbr-player-shell {

width: 100%;

}


.vbr-listening-scroll {

display: flex;

flex: 1 1 auto;

flex-direction: column;

width: 100%;

min-height: 0;

overflow-x: hidden;

overflow-y: auto;

overscroll-behavior: contain;

scrollbar-width: thin;

scrollbar-color:
  rgba(237, 18, 120, 0.8)
  rgba(255, 255, 255, 0.06);

scrollbar-gutter: stable;

}


.vbr-listening-scroll::-webkit-scrollbar {

width: 7px;

}


.vbr-listening-scroll::-webkit-scrollbar-track {

background: rgba(255, 255, 255, 0.06);

}


.vbr-listening-scroll::-webkit-scrollbar-thumb {

background: rgba(237, 18, 120, 0.8);

border-radius: 999px;

}


.vbr-noticeboard,
.vbr-programme-browser,
.vbr-station-dock {

flex: 0 0 auto;

width: 100%;

}


/* =========================================================
 PROGRAMME BROWSER CARDS
 ONLY MAKE THE EXISTING CARDS 50PX TALLER
 ========================================================= */

@container (min-width: 850px) {

#vbr-programme-browser .vbr-pb-card {

  aspect-ratio: auto;

  height: calc((100cqw - 48px) / 4 + 50px);

}

}


/* =========================================================
 RIGHT COLUMN
 ========================================================= */

.vbr-community {

display: flex;

flex-direction: column;

width: 100%;

height: 100%;

min-height: 0;

overflow: hidden;

margin: 0 !important;

padding: 0 !important;

}


/*
 CHAT

 This absorbs all remaining room, but crucially it is
 constrained by COMMUNITY SIDE rather than getting its
 own viewport height.
*/

.vbr-chat-area {

flex: 1 1 auto;

width: 100%;

min-height: 0;

margin: 0 !important;

padding: 0 !important;

overflow: hidden;

}


/*
 CHAT BAR

 Natural height, always visible.
 Exact 15px space above it.
*/

.vbr-chat-bar {

flex: 0 0 auto;

width: 100%;

margin: 15px 0 0 !important;

}


/* =========================================================
 MOBILE
 ========================================================= */

@media (max-width: 900px) {

.vbr-app {

  height: auto;

  min-height: 100dvh;

  overflow: visible;

}


.vbr-shell {

  display: block;

  height: auto;

  overflow: visible;

}


.vbr-listening,
.vbr-community {

  height: auto;

  overflow: visible;

}


.vbr-listening-scroll {

  overflow: visible;

}


.vbr-chat-area {

  min-height: 70dvh;

}


.vbr-chat-bar {

  margin-top: 0 !important;

}

}\n}.elementor .vbr-shell{column-gap:0px;padding:0px;margin:0px;row-gap:0px;}.elementor .vbr-listening{padding:0px;margin:0px;gap:0px;}.elementor .vbr-content-notice{padding:0px;margin:0px;gap:0px;justify-content:center;}.elementor .vbr-player-shell{padding:0px;margin:0px;flex-direction:column;gap:0px;}.elementor .vbr-programme-browser{flex-direction:column;}.elementor .vbr-chat-area{padding:0px;margin:0px;gap:0px;}.elementor .vbr-chat-bar{padding:0px;margin-block-start:15px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .vbr-notice-pods{width:100%;column-gap:0px;padding:0px;margin-block-start:-13px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;row-gap:0px;align-self:stretch;selector {
grid-template-columns: minmax(0, 13fr) minmax(0, 7fr);
column-gap: 12px;
}

@media (max-width: 767px) {
selector {
  grid-template-columns: minmax(0, 1fr);
  row-gap: 12px;
}
}\n}.elementor .vbr-podcast-top10{display:flex;flex-direction:column;}