/*
 * Canonical FictionGenie logo lockup.
 * Keep this stylesheet last so every screen matches choose-profile.
 */
:where(.brand,.fg-brand){
  display:inline-flex!important;
  align-items:center!important;
  gap:.5rem!important;
  font-family:Fredoka,Arial,sans-serif!important;
  font-size:1.5rem!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:#3d08df!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

:where(.brand,.fg-brand)>img,
:where(.brand,.fg-brand)>.brand-mark{
  display:block!important;
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  object-fit:contain!important;
  flex:0 0 40px!important;
  transform:none!important;
  rotate:none!important;
  scale:1!important;
  background:transparent!important;
  border-radius:0!important;
}

:where(.brand,.fg-brand)>span,
:where(.brand,.fg-brand)>.brand-dot{
  color:#ffc400!important;
  margin-left:-.5rem!important;
}

:where(.brand,.fg-brand):hover>img,
:where(.brand,.fg-brand):hover>.brand-mark{
  transform:translateY(-1px)!important;
}