/* Marks identify a service or music action; the words and spacing carry navigation. */
.ui-icon{display:block;width:24px;height:24px;flex:none}
.social-channel{gap:23px;padding:20px 0;transition:color .25s,border-color .25s}
.social-channel-brand{width:38px;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
.social-channel-brand .social-icon{width:29px;height:29px}
.social-channel-brand .social-icon--youtube{width:34px;height:34px}
.social-channel-label{min-width:0}
.social-channel:hover,.social-channel:focus-visible{border-color:var(--brass)}
.social-channel .social-state{letter-spacing:.08em}
.social-note{padding-left:61px}
.social-dialog-brand{display:flex;align-items:center;gap:17px}
#social-dialog-title .social-icon{width:29px;height:29px;color:#fff}
.social-accounts>a{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;justify-content:initial;min-height:72px}
.social-service-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff}
.social-service-icon .social-icon{width:21px;height:21px}
.social-accounts>a>.social-service-icon{grid-column:1;align-self:center}
.social-accounts>a>.social-link-text{grid-column:2;min-width:0}
.social-accounts .social-link-text>span,.social-accounts .social-link-text>small{display:block}
.social-accounts .social-link-text>small{font-size:12px;color:var(--color-text-muted);overflow-wrap:anywhere;margin-top:2px}
.profile-official.has-service-icon{display:inline-flex;align-items:center;gap:9px}
.contact-link.has-service-icon{display:inline-flex;align-items:center;gap:13px}
.disc-icon{display:flex;align-items:center;color:var(--color-text-warm);line-height:1}
.disc-icon .record-icon{width:23px;height:23px}
.listening-dock>button{gap:11px}
.enter-button{justify-content:center;min-width:190px}
.cinema-link{min-width:0;justify-content:flex-start;gap:0}
.cinema-frame-bottom a,.scroll-cue{padding-bottom:5px;text-decoration:underline;text-decoration-color:var(--color-border-warm);text-underline-offset:8px;text-decoration-thickness:1px}
.studio-copy a,.cinema-link,footer>a:not(.footer-mark){transition:color .25s,border-color .25s}
.load-state{animation:pulse 1.5s infinite}
body.scene-ready .load-state{animation:none}
@media(max-width:760px){
  .social-channel{gap:16px;padding:15px 0}
  .social-channel-brand{width:31px}
  .social-channel-brand .social-icon{width:25px;height:25px}
  .social-channel-brand .social-icon--youtube{width:29px;height:29px}
  .social-note{padding-left:47px}
  .enter-button{min-width:205px}
  .social-accounts>a{column-gap:12px}
}
@media(max-width:760px) and (max-height:740px){.social-channel{padding:10px 0}}
@media(max-height:540px) and (min-width:600px){.social-channel{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.load-state{animation:none}}

#artist-dialog.profile-dialog .profile-official.has-service-icon{display:inline-flex;align-items:center;gap:10px}