.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider {
      --background: hsl(0, 0%, 5%);
      --foreground: hsl(0, 0%, 98%);
      --muted-foreground: hsl(0, 0%, 55%);
      --transition-slow: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
      --transition-fast: 0.3s ease;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
      user-select: none;
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .wkit-backgrounds {
      position: absolute;
      inset: 0;
      z-index: 1;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .slide-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transform: scale(1.1);
      transition: opacity var(--transition-slow), transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .slide-bg.active {
      opacity: 1;
      transform: scale(1);}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .slide-bg.exiting {
      opacity: 0;
      transform: scale(0.98) ;}/* Gradient Overlays */
    .overlay-horizontal {
      display: none;
      position: absolute;
      inset: 0;
      background: linear-gradient(to right, 
        hsla(0, 0%, 5%, 0.6) 0%, 
        transparent 30%, 
        transparent 70%, 
        hsla(0, 0%, 5%, 0.6) 100%
      );
      z-index: 2;}.wkit-wb-Widget_v8y29j26 .overlay-vertical {
      display: none;
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, 
        hsla(0, 0%, 5%, 0.4) 0%, 
        transparent 30%, 
        transparent 70%, 
        hsla(0, 0%, 5%, 0.4) 100%
      );
      z-index: 2;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.enable-overlay .overlay-vignette,
.wkit-immersive-slider.enable-overlay .overlay-horizontal,
.wkit-immersive-slider.enable-overlay .overlay-vertical{
    display: block;}.wkit-wb-Widget_v8y29j26 .overlay-vignette {
      display: none;
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at center, transparent 0%, hsla(0, 0%, 5%, 0.3) 100%);
      z-index: 2;
      pointer-events: none;}/* List Left */
    .wkit-immersive-slider .leftside-list {
      position: absolute;
      display: flex;
      flex-direction: column;
      left: 24px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 20;
      list-style: none;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .leftside-list li {
      margin-bottom: 12px;
      opacity: 0;
      transform: translateX(-20px);
      animation: slideInLeft 0.5s ease forwards;}.wkit-wb-Widget_v8y29j26 .leftside-list li:nth-child(1) { animation-delay: 0.1s;}.wkit-wb-Widget_v8y29j26 .leftside-list li:nth-child(2) { animation-delay: 0.2s;}.wkit-wb-Widget_v8y29j26 .leftside-list li:nth-child(3) { animation-delay: 0.3s;}.wkit-wb-Widget_v8y29j26 .leftside-list li:nth-child(4) { animation-delay: 0.4s;}.wkit-wb-Widget_v8y29j26 .leftside-list li:nth-child(5) { animation-delay: 0.5s;}.wkit-wb-Widget_v8y29j26 .leftside-list li:nth-child(6) { animation-delay: 0.6s;}@keyframes slideInLeft {
      to {
        opacity: 1;
        transform: translateX(0);}}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .artist-btn {
      display: flex;
      align-items: center;
      background: none;
      border: none;
      cursor: pointer;
      font-size: 14px;
      color: #fff;
      transition: color var(--transition-fast);
      padding: 4px 0;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .artist-btn:hover,
    .wkit-immersive-slider .artist-btn.active {
      color: #000;}.wkit-wb-Widget_v8y29j26 .artist-btn .text {
      position: relative;}.wkit-wb-Widget_v8y29j26 .artist-btn .text::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 1px;
      background: var(--foreground);
      transition: width var(--transition-fast);}.wkit-wb-Widget_v8y29j26 .artist-btn:hover .text::after,
    .artist-btn.active .text::after {
      width: 100%;}/* List Right */
    .wkit-immersive-slider .rightside-list {
      position: absolute;
      display: flex;
      flex-direction: column;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 20;
      list-style: none;
      text-align: right;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .rightside-list li {
      margin-bottom: 12px;
      opacity: 0;
      transform: translateX(20px);
      animation: slideInRight 0.5s ease forwards;}.wkit-wb-Widget_v8y29j26 .rightside-list li:nth-child(1) { animation-delay: 0.1s;}.wkit-wb-Widget_v8y29j26 .rightside-list li:nth-child(2) { animation-delay: 0.2s;}.wkit-wb-Widget_v8y29j26 .rightside-list li:nth-child(3) { animation-delay: 0.3s;}.wkit-wb-Widget_v8y29j26 .rightside-list li:nth-child(4) { animation-delay: 0.4s;}.wkit-wb-Widget_v8y29j26 .rightside-list li:nth-child(5) { animation-delay: 0.5s;}.wkit-wb-Widget_v8y29j26 .rightside-list li:nth-child(6) { animation-delay: 0.6s;}@keyframes slideInRight {
      to {
        opacity: 1;
        transform: translateX(0);}}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .genre-btn {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      background: none;
      border: none;
      cursor: pointer;
      font-size: 14px;
      color: #fff;
      transition: color var(--transition-fast);
      padding: 4px 0;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .genre-btn:hover,
    .wkit-immersive-slider .genre-btn.active {
      color: #000;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .genre-btn .text {
      position: relative;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .genre-btn .text::after {
      content: '';
      position: absolute;
      bottom: -2px;
      right: 0;
      width: 0;
      height: 1px;
      background: var(--foreground);
      transition: width var(--transition-fast);}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .genre-btn:hover .text::after,
    .wkit-immersive-slider .genre-btn.active .text::after {
      width: 100%;}/* Album Title */
   .wkit-immersive-slider .immersive-title-container {
      position: absolute;
      top: 50%;
      left: 50%;
          width: 100%;
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      transition: 0.3s linear;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .wkit-title {
  position: absolute;
  font-size: 24px;
  color: #fff;
  text-align: center;
  padding: 0 16px;
  /* CLIP MASK */
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  opacity: 0;
  transform: scale(0);
  transition:
    clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1),
    transform 0.8s cubic-bezier(0.77, 0, 0.175, 1),
    color 0.3s linear;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .wkit-title.active {
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  transform: scale(1);
  opacity: 1;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .wkit-title.exiting {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transform: scale(1.09);
  opacity: 0;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .wkit-slide-counter {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 16px;
  animation: .5s ease 0.5s forwards;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .wkit-slide-counter {
      transform: translateX(-50%) translateY(20px);}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .counter-current,
    .wkit-immersive-slider .counter-total {
      color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .counter-progress {
      position: relative;
      width: 96px;
      height: 1px;
      background-color: hsla(0, 0%, 55%, 0.3);
      overflow: hidden;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .counter-progress-bar {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 0%;
      background-color: #ccc;
      transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);}/*style-2*/
  .wkit-immersive-slider.style-2 .rightside-list{
      display: none;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .immersive-title-container {
      display: flex;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-2 .leftside-list {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .slide-bg,
  .wkit-immersive-slider.style-2.animation-2 .slide-bg {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transition:
      clip-path 1s cubic-bezier(0.77, 0, 0.175, 1),
      transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    will-change: clip-path, transform;
    transform: translateY(0);}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .slide-bg.hidden,
  .wkit-immersive-slider.style-2.animation-2 .slide-bg.hidden {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .slide-bg.active,
  .wkit-immersive-slider.style-2.animation-2 .slide-bg.active {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transform: translateY(0);
    z-index: 3;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .slide-bg.next-waiting,
  .wkit-immersive-slider.style-2.animation-2 .slide-bg.next-waiting {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
    transform: translateY(-30%);
    z-index: 2;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .slide-bg.prev-waiting,
  .wkit-immersive-slider.style-2.animation-2 .slide-bg.prev-waiting {
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    transform: translateY(30%);
    z-index: 2;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .slide-bg.exiting-up,
  .wkit-immersive-slider.style-2.animation-2 .slide-bg.exiting-up {
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    transform: translateY(-30%);
    z-index: 4;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .slide-bg.exiting-down,
  .wkit-immersive-slider.style-2.animation-2 .slide-bg.exiting-down {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
    transform: translateY(30%);
    z-index: 4;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .wkit-title {
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    opacity: 0;
    transform: translateY(100px);
    transition:
      clip-path 1s cubic-bezier(0.77, 0, 0.175, 1),
      transform 1s cubic-bezier(0.77, 0, 0.175, 1),
      opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
    will-change: clip-path, transform, opacity;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .wkit-title.active,
  .wkit-immersive-slider.style-2.animation-2 .wkit-title.active {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transform: translateY(0);
    opacity: 1;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .wkit-title.exiting-up,
  .wkit-immersive-slider.style-2.animation-2 .wkit-title.exiting-up {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
    transform: translateY(-100px);
    opacity: 0;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider.style-1.animation-2 .wkit-title.exiting-down,
  .wkit-immersive-slider.style-2.animation-2 .wkit-title.exiting-down {
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    transform: translateY(100px);
    opacity: 0;}@media (max-width: 768px)  {  .wkit-wb-Widget_v8y29j26
      .wkit-immersive-slider .rightside-list{
        right: 15px;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .leftside-list{
          left: 15px;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .genre-btn, .wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .artist-btn {
        font-size: 16px;}.wkit-wb-Widget_v8y29j26 .wkit-immersive-slider .wkit-title{
        font-size: 16px;}}