/* RIVL component CSS v2.10.10 */

.rivl-artist-copy small{
display:block;
  color:var(--rivl-muted);
  font-size:var(--rivl-fs-xs);
  margin-top:2px;
}
.rivl-lyrics-card{
position:relative;
  text-align:center;
  padding:18px 18px 22px;
  overflow:hidden;
}
.rivl-lyrics-card::after{
content:"";
  position:absolute;
  right:-35px;
  top:8px;
  width:140px;
  height:140px;
  border:18px solid rgba(184,50,123,.08);
  border-radius:50%;
}
.rivl-lyrics-card .rivl-small-title{
color:var(--rivl-primary);
  font-size:var(--rivl-fs-base);
  margin-bottom:22px;
}
.rivl-lyrics-card .rivl-small-title::after{
margin-left:auto;
  margin-right:auto;
  width:42px;
  height:3px;
}
.rivl-lyrics{
position:relative;
  z-index:1;
  white-space:pre-wrap;
  color:var(--rivl-dark);
  font-size:var(--rivl-fs-lg);
  line-height:var(--rivl-lh-body);
  text-align:center;
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.rivl-lyrics::before{
color:var(--rivl-quote);
  font-size:var(--rivl-fs-quote);
  line-height:var(--rivl-lh-none);
  font-weight:var(--rivl-fw-black);
  content:"“";
  margin-right:4px;
}
.rivl-lyrics::after{
color:var(--rivl-quote);
  font-size:var(--rivl-fs-quote);
  line-height:var(--rivl-lh-none);
  font-weight:var(--rivl-fw-black);
  content:"”";
  margin-left:4px;
}
.rivl-featured-clip-card{
padding:var(--rivl-auto-rivl-featured-clip-card-padding-01649fbb, 14px);
  border-radius:8px;
  background:var(--rivl-white);
}
.rivl-featured-clip-inner{
display:grid;
  grid-template-columns:var(--rivl-featured-cols);
  gap:var(--rivl-featured-gap);
  align-items:center;
}
.rivl-featured-thumb img{
display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  border-radius:7px;
  max-width:100%;
}
.rivl-featured-clip-card .rivl-featured-time{
display:none;
}
.rivl-featured-copy{
display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  align-items:var(--rivl-auto-rivl-featured-copy-align-items-ad00892a, flex-start);
  justify-content:var(--rivl-auto-rivl-featured-copy-justify-content-c832f83b, center);
  text-align:var(--rivl-auto-rivl-featured-copy-text-align-9a926b48, left);
  padding:0;
}
.rivl-featured-meta{
margin:var(--rivl-featured-meta-margin,0 0 20px);
  color:var(--rivl-dark);
  font-size:var(--rivl-featured-meta-fs,clamp(12px,1.4vw,14px));
  line-height:var(--rivl-lh-base);
}
.rivl-featured-btn{
display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto;
  min-width:min(220px,100%);
  border:0;
  border-radius:999px;
  background:var(--rivl-primary);
  color:var(--rivl-white);
  font-weight:var(--rivl-fw-black);
  font-size:var(--rivl-featured-btn-fs);
  padding:var(--rivl-featured-btn-pad);
  box-shadow:0 5px 14px rgba(184,50,123,.22);
  white-space:nowrap;
  transition:filter .18s ease;
}
.rivl-info-chips{
display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.rivl-info-copy{
display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.rivl-info-copy small{
display:block;
  color:var(--rivl-muted-2);
  font-size:var(--rivl-fs-sm);
  font-weight:var(--rivl-fw-black);
  text-transform:uppercase;
  letter-spacing:.45px;
  line-height:var(--rivl-lh-tight);
  margin-bottom:1px;
}

.rivl-lyrics-tabs{
  position:relative;
  z-index:2;
}
.rivl-lyrics-tab-buttons{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin:0 auto 18px;
  padding:5px;
  border:1px solid rgba(184,50,123,.18);
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 22px rgba(184,50,123,.08);
}
.rivl-lyrics-tab-buttons button{
  min-width:86px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--rivl-muted);
  font-weight:800;
  font-size:14px;
  line-height:1;
  padding:11px 18px;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.rivl-lyrics-tab-buttons button.active{
  background:var(--rivl-primary);
  color:#fff;
  box-shadow:0 6px 16px rgba(184,50,123,.22);
}
.rivl-lyrics-tab-buttons button:focus-visible{
  outline:2px solid rgba(184,50,123,.35);
  outline-offset:2px;
}
.rivl-lyrics-panel{display:none}
.rivl-lyrics-panel.active{display:block}
.rivl-lyrics-hi{font-family:inherit}
@media (max-width:480px){
  .rivl-lyrics-tab-buttons{display:flex;width:100%;max-width:260px}
  .rivl-lyrics-tab-buttons button{flex:1;min-width:0;padding:10px 12px}
}