.nmask {
  box-sizing: border-box;
  display: inline-flex;
  vertical-align: -2px;
  flex: none;
  width: clamp(46px, calc(var(--w, 4) * 9px + 26px), 92px);
  height: 16px;
  border-radius: 3px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, .06);
  background-image:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .30) 0 5px, transparent 5px 6px, rgba(255, 255, 255, .07) 6px 11px, transparent 11px 12px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .22) 0 4px, transparent 4px 5px, rgba(255, 255, 255, .05) 5px 9px, transparent 9px 10px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
  cursor: default;
}
.nmask:hover { background-color: rgba(255, 255, 255, .10); }
.t20-hero .nmask { height: 21px; }
.t20-who .nmask { height: 18px; }
.t20-identity .nmask { position: relative; z-index: 2; }
.detail-character-line .nmask { height: 22px; }
.pod .nmask { height: 20px; }