.musela-transfer-banner {
  box-sizing: border-box;
  width: min(1160px, calc(100% - 40px));
  margin: calc(var(--ss-header-h, 80px) + 18px) auto 4px;
  padding: 15px 17px;
  border: 1px solid rgba(139, 92, 246, .24);
  border-radius: 15px;
  background: linear-gradient(110deg, rgba(139, 92, 246, .1), rgba(20, 184, 166, .06)), #fff;
  box-shadow: 0 12px 35px rgba(43, 31, 64, .08);
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--text, #241c31);
}

.musela-transfer-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #8b5cf6;
  color: #fff;
  display: grid;
  place-items: center;
  font: 700 20px/1 var(--font-display, Georgia, serif);
}

.musela-transfer-copy { min-width: 0; flex: 1; }
.musela-transfer-kicker {
  display: block;
  margin-bottom: 4px;
  color: #7650c5;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.musela-transfer-copy > strong,
.musela-transfer-banner.is-loading > strong { display: block; font-size: .94rem; }
.musela-transfer-copy > p { margin: 3px 0 0; color: var(--text-dim, #6d6576); font-size: .79rem; line-height: 1.45; }
.musela-transfer-story { margin-top: 7px; }
.musela-transfer-story summary { width: fit-content; color: #7650c5; font-size: .74rem; font-weight: 700; cursor: pointer; }
.musela-transfer-story p {
  max-height: 130px;
  overflow: auto;
  margin: 8px 0 0;
  padding: 10px 12px;
  border-radius: 9px;
  background: rgba(139, 92, 246, .06);
  color: var(--text-dim, #625b69);
  font-size: .78rem;
  line-height: 1.55;
  white-space: pre-wrap;
}
.musela-transfer-clear,
.musela-transfer-action {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(139, 92, 246, .26);
  border-radius: 9px;
  background: rgba(255, 255, 255, .72);
  color: #6845ad;
  font: inherit;
  font-size: .73rem;
  font-weight: 750;
  cursor: pointer;
}
.musela-transfer-action { background: #7650c5; color: #fff; }
.musela-transfer-action { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.musela-transfer-banner.is-loading::before {
  content: '';
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 2px solid rgba(139, 92, 246, .22);
  border-top-color: #7650c5;
  border-radius: 50%;
  animation: musela-spin .8s linear infinite;
}
.musela-transfer-banner.is-error { border-color: rgba(194, 65, 72, .25); background: #fff8f8; }
.musela-transfer-banner.is-error .musela-transfer-kicker { color: #a8333b; }

body[data-musela-transfer-landing] .ww-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-musela-transfer-landing] .ww-cell-featured { margin-top: 0; }
body[data-musela-transfer-landing] a[href="/song-mit-namen"] { display: none !important; }
body[data-musela-transfer-landing] .ww-musela { border-color: rgba(20, 184, 166, .42); background: linear-gradient(155deg, rgba(20, 184, 166, .1), rgba(139, 92, 246, .08)), #fff; }
body[data-musela-transfer-landing] .ww-musela .ww-icon { color: #0f9189; background: rgba(20, 184, 166, .12); }

@keyframes musela-spin { to { transform: rotate(360deg); } }

@media (max-width: 720px) {
  .musela-transfer-banner { width: calc(100% - 24px); margin-top: calc(var(--ss-header-h, 72px) + 12px); align-items: flex-start; flex-wrap: wrap; }
  .musela-transfer-icon { width: 36px; height: 36px; }
  .musela-transfer-copy { width: calc(100% - 50px); flex: none; }
  .musela-transfer-clear,
  .musela-transfer-action { width: 100%; }
  body[data-musela-transfer-landing] .ww-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .musela-transfer-banner.is-loading::before { animation-duration: 1.8s; }
}