/* Keep the one-page-word admin control inside its content frame and use the raster icon asset. */
.word-index,.word-detail{position:relative!important}
.word-index>.word-admin-mode,.word-detail>.word-admin-mode{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:20!important;
  display:block!important;
  visibility:visible!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  border-radius:50%!important;
  background:url('/assets/images/ui-settings.webp?v=2') center/100% 100% no-repeat!important;
  box-shadow:none!important;
  opacity:.58!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.word-index>.word-admin-mode::before,.word-detail>.word-admin-mode::before{
  content:none!important;
  display:none!important;
}
.word-index>.word-admin-mode:hover,.word-detail>.word-admin-mode:hover,
.word-index>.word-admin-mode:focus-visible,.word-detail>.word-admin-mode:focus-visible{
  opacity:.94!important;
  transform:translateY(-1px)!important;
}
.word-index>.word-admin-mode.active,.word-detail>.word-admin-mode.active{
  opacity:1!important;
  transform:none!important;
}
.word-index-head{padding-right:52px!important}
.word-detail-head{padding-right:52px!important}
@media(max-width:900px){
  .word-index>.word-admin-mode,.word-detail>.word-admin-mode{
    top:12px!important;
    right:12px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  .word-index-head{padding-right:46px!important}
  .word-detail-head{padding-right:46px!important}
}