/* Shared transparent mark, including the pre-hydration loading screen. */
.cast-logo-mark {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
}

.cast-logo-mark::before,
.cast-logo-mark::after {
  content: '';
  position: absolute;
  inset: 0;
}

.cast-logo-mark::before {
  background: var(--brand-wand, #58351f);
  mask: url('/cast-logo-wand.svg') center / contain no-repeat;
}

.cast-logo-mark::after {
  background: var(--brand-trails, #bb8417);
  mask: url('/cast-logo-trails.svg') center / contain no-repeat;
}

#loader-wand {
  width: 64px;
  height: 35px;
  color: var(--loader-mark, #1677ff);
  margin-bottom: 12px;
}